jquery选择器

jquery选择器
基本选择器
id选择器#id           
.class类选择器
element元素选择器
*通配
select1,select2,select3 群组


层次选择器
后代选择器$('div span')   选取div里边所有的span
$('parent>child')    选取直接后代
$('.one+div') ---选取class 为one的下一个<div>兄弟元素

$('#two~div')  选取id为two的元素后边的<div>元素  

基本过滤选择器
    div:first  选取所有div元素中的第一个div元素
    div:last   选取所有div元素中的最后一个div元素
    div:not(.mini) 选取class不为mini的元素
    $('div:even') div索引值为偶数的元素 索引从0开始
    $('div:odd')  div索引值为奇数的元素 索引从0开始
    $('div:eq(2)') 指定div索引为2的值   索引从0开始
    $('div:gt(2)') 指定大于索引大于2的元素 索引从0开始
类容过滤选择器
    div:contains(dv)--找到类容中有dv的元素--会包含到它的父元素-但不包含子元素
    $('div:empty') 类容为空的元素  不影响父元素
    $('div:has(.mini)') div中含有class为mini的元素
    $('div:parent')有子元素或者类容的元素    

可见性过滤选择器
:hidden 选取所有不可见元素
:visible选取所有课件
属性过滤选择器
$('div[title]')   div中有title属性的元素
$('div[title=test]') div中有title属性的元素并且=test的元素
$('div[title!=test]')div中title属性!=test的元素包括没有title属性的
$('div[title^=te]')div中title属性以te开头的元素
$('div[title$=ts]')div中title属性的值以ts结尾的元素
$('div[title*=es]')div中title属性的值包含es的元素
$('div[id][title*=es]') div中有id属性并且title属性值包含es的元素

子元素过滤选择器
$('div.one :nth-child(2)') 选取div中class为one第二个子元素  下表index从1开始
$('div:nth-child(odd)')选取div中奇数
$('div.one :first-child')选择class为one的div块中第一个子元素
$('div.one :last-child')选择class为one的div块中最后一个子元素
$('div.one :only-child') 只有一个子元素

表单对象属性
    :enabled选取可用元素
    :disabled选取不可用元素
    :checked--多选框被选中的
    :selected  --下拉列表中被选中