//基础选择器

//id选择器

$("#my_id").html("哈哈哈");//把id为my_id的元素的html属性设置为哈哈哈

//元素选择器

$("button").attr("disabled","true");//把所有的button按钮设置为不可用

//类选择器

var classname = $(".red").attr("class"); //获取类名为red的元素的class属性的名称 classname的值为red

//*选择器

$("#myid *").html("哈哈哈");//把id为myid的元素下的所有子元素的html属性设置为哈哈哈

//多元素选择器

$(" div,p,#myid,.red").html("哈哈哈"); //把 div p id为myid的元素 类名为.red的元素的html属性都设置为哈哈哈

//层次选择器

$(" #myid p").css("background-color","red"); //把id为myid的元素下的所有的p元素的背景颜色设置为红色

//parent>child选择器

$("#myid > p").css("background-color","red");//把id为myid的元素下的第一级子元素中的p元素的背景颜色设置为红色

//prev+next选择器

$("label + p").css("background-color","red");//把第一个label的同一级次的后面的第一个p元素的背景颜色设置为红色

//prev~next选择器

$("label ~ p").css("background-color","red");//把第一个label的同一级次的后面的所有的p元素的背景颜色设置为红色

JQuery