1、 层级选择器
1. $('div>p') 选择所有div元素里面的子元素p   $("div").chindren("p")
    >  直接子元素,隔层不成立
2.  $('div  p')选择所有div元素里面的p元素    $("div").find("p")
3.  $(".prev+div").prev后的第一个节点    $('.prev').next('div')
4.  $(".prev~div").prev后面的所有div兄弟(兄弟!)节点,隔层不算   $('.prev').nextAll('div')

2、基本筛选选择器
$(".div:first")    class属性为div的第一个元素
$(".div:last")     class属性为div的最后一个元素
$(".div:even")    class属性为div的下标为偶数元素
$(".div:odd")    class属性为div的下标为奇数元素
$(".aaron:eq(2)")    class属性为aaron的下标为2的元素
$(".aaron:gt(3)")    class属性为aaron的下标大于3的元素
$(".aaron:lt(2)")   class属性为aaron的下标小于2的元素

3、可见性筛选选择器
<p id="div1" style="display:none;">display</p> 隐藏
<p id="div2" style="width:0;height:0">width/height</p> 隐藏
<p id="div3" style="visibility:hidden;opacity:0">visibility</p> 显示
$('#div1:visible')
$('#div1:hidden')

4、属性筛选选择器
//查找所有div中,属性name=p1的div元素
$('div[name=p1]')
//查找所有div中,有属性p2的div元素
$('div[p2]')
//查找所有div中,有属性name中的值只包含一个连字符“-”的div元素
$('div[name|="-"]')
//查找所有div中,有属性name中的值包含一个连字符“空”和“a”的div元素
$('div[name~="a"]')
//查找所有div中,属性name的值是用imooc开头的
$('div[name^=imooc]')
//查找所有div中,属性name的值是用imooc结尾的
$('div[name$=imooc]')
//查找所有div中,有属性name中的值包含一个test字符串的div元素
$('div[name*="test"]')
//查找所有div中,有属性testattr中的值没有包含"true"的div
$('div[testattr!="true"]')

5、表单元素选择器
$(':password') == $('[type=password]')
$('input:text') == $('input[type="text"]') == $('input[type=text]')

6、表单对象属性筛选选择器
//查找所有input所有可用的(未被禁用的元素)input元素。
$('input:enabled')
//查找所有input所有不可用的(被禁用的元素)input元素。
$('input:disabled')
//查找所有input所有勾选的元素(单选框,复选框)
//移除input的checked属性
$('input:checked').removeAttr('checked')
//查找所有option元素中,有selected属性被选中的选项
//移除option的selected属性
$('option:selected').removeAttr('selected')

7、特殊选择器this
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。

p.addEventListener('click',function(){
    //this === p
    //以下两者的修改都是等价的
    this.style.color = "red";
    p.style.color = "red";
},false);

$('p').click(function(){
    //把p元素转化成jQuery的对象
    var $this= $(this) 
    $this.css('color','red')
})