jquery选择器

选择器
基本选择器（一般用于快速选择节点）
$('#cr/.cr/div/*/cr, #cr').css('background','#FFAABB');

后代选择器（后代包含子还包含孙子）
$('div span')
子元素选择器（只选中儿子，不选择孙子）
$('body > div')
相邻选择器（选择相邻的所有span元素）
$('div + span')
同辈选择器（选择同辈的所有span元素）
$('div ~ span')
过滤选择器
$('div:first')
$('div:last')
$('div:not(.div1)')
$('div:odd')
$('div:even')
$('div:eq(index)')
$('div:gt(index)')//选取索引大于index的div元素
$('div:lt(index)')//选取索引小于index的div元素
$(':header')//选取所有标题元素
$(':animated')//选取当前正在执行动画的元素
$(':focus')//选取当前获取焦点的元素
$('div:contains(text)')//选取文本含有text的div元素
$('div:empty')//选取不含子元素或者文本元素的空div元素
$('div:has(p)')//选取含有p标签的div元素
$('div:parent')//选取含有子元素或文本的div元素
$(':hidden')//选取文档流中不可见的元素
$('div:visible')//选取所有可见元素

$('div[title]')//选取拥有title属性的div元素
$('div[title=test]')//选取title属性值为test的div元素
$('div[title!=test]')//选取title属性值不等于test的div元素
$('div[title^=te]')//选取title属性值以te开头的div元素
$('div[title$=st]')//选取title属性值以st结尾的div元素
$('div[title*=es]')//选取title属性值含有es的div元素
$('div[title]=en')//选取title属性值是en或者前缀(指en后面有-即-)是en的div元素
$('div[title~=uk]')//选取title属性值中用空格分隔开并含有uk的div元素
$('div[attribute1][attribute1][attribute1]')//选取复合属性满足条件的元素

$('div :nth-child(index)')//选取所有div元素中指定条件index的子元素(index:n/even/odd/3n/3n+1)
$('div :first-child')//选取所有div元素中的第一个子元素
$('div :last-child')//选取所有div元素中的最后一个子元素
$('div :only-child')//选取所有div元素中唯一的子元素

$('input :enabled')//选取所有可用的input元素
$('input :disabled')//选取所有不可用的input元素
$('input :checked')//选取所有被选中的input元素
$('select option:selected')//选中所有被选中select中的option元素

$(':input')//选中所有的input/textarea/select/button元素
$(':text')//选中所有的单行文本框
$(':password')//选中所有的密码框
$(':radio')//选中所有的单选框
$(':checkbox')//选中所欲的复选框