第二章 jQuery选择器
1.基本选择器
#id $("#one")选择 id为 one 的元素
.class $(".mini")选择 class 为 mini 的所有元素
element $("p")选择元素名是 p 的所有元素
* $("*")选择所有的元素
s1,s2 $("span,#two")选择所有的span元素和id为two的div元素
2.层次选择器
$("body div") 选择 body内的所有div元素.
$("body > div") 在body内选择元素名是div的第一级子元素.
$(".one + div") 选择 所有class为one 的紧接着的下一个div元素.
$("#two ~ div") 选择 id为two的元素后面的所有div兄弟元素.
补充:$(".one + div")可用$(".one").next("div")代替
补充:$("#two ~ div")可用$("#two").nextAll("div")代替
3.过滤选择器
3.1位置过滤选择器 【大小等动画始终不是奇偶】
:first $('div:first')选择所有div中的第一个div元素
:last $('div:last')选择所有div中的最后一个div元素.
:not(se) $('div:not(.one)')选择class不为one的所有div元素.
:even $('div:even')选择 索引值为偶数 的div元素。
:odd $('div:odd')选择 索引值为奇数 的div元素。
:eq(n) $('div:eq(3)')选择索引等于 3 的div元素
:gt(n) $('div:gt(3)')选择索引大于 3 的div元素
:lt(n) $('div:lt(3)')选择索引小于 3 的div元素
:header $(':header')选择 所有的标题元素.比如h1, h2, h3等等...
:animated $(':animated')选择 当前正在执行动画的所有元素.
3.2内容过滤选择器 【内容包含空有子】
:contains(text) $('div:contains(di)')选取含有文本"di"的div元素.
:empty $('div:empty')选取不包含子元素(或者文本元素)的div空元素.
:has(se) $('div:has(.mini)')选取含有class为mini元素 的div元素.
:parent $('div:parent')选取含有子元素(或者文本元素)的div元素.
3.3可见性过滤器 【可见不可见】
:hidden $(":hidden")选取所有不可见的元素.包括<input type="hidden"/>.
:visible $('div:visible')选取所有可见的div元素.
3.4属性过滤器 【属性有等不等 始终含有复合】
[att] $('div[title]')选取含有属性title 的div元素.
[att=val] $('div[title=test]')选取属性title值等于test的div元素.
[att!=val] $('div[title!=test]')选取属性title值不等于test 的div元素.
[att^=val] $('div[title^=te]')选取属性title值 以 te 开始 的div元素.
[att$=val] $("div[title$=est]")选取属性title值 以 est 结束 的div元素.
[att*=val] $("div[title*=es]")选取属性title值 含有 es 的div元素.
[se1][se2] $("div[id][title*=es]")组合属性选择器,首先选取有属性id的div元素,然后在结果中 选取属性title值 含有 es 的元素.
3.5子元素过滤选择器 【子元素第几始终有一个】
:nth-child(n) $('div.one :nth-child(2)')选取每个父元素下的第2个子元素
:first-child $('div.one :first-child')选取每个父元素下的第一个子元素
:last-child $('div.one :last-child')选取每个父元素下的最后一个子元素
:only-child $('div.one :only-child')如果父元素下的仅仅只有一个子元素,那么选中这个子元素
3.6表单属性选择器 【表单属性可用不可用选中】
:enabled $("#form1 input:enabled")选择表单内 可用input元素
:disabled $("#form1 input:disabled")选择表单内 不可用input元素.
:checked $("input:checked") 选择所有被选中的input元素
:selected $("select :selected")选择所有被选中的选项元素
4.表单选择器 【针对type】
:text $("#form1 :text")选取所有的单行文本框
:password $("#form1 :password")选取所有的密码框
:radio $("#form1 :radio")选取所有的单选框
:checkbox $("#form1 :checkbox")选取所有的复选框
:submit $("#form1 :submit")选取所有的提交按钮
:image $("#form1 :image")选取所有的图像按钮
:reset $("#form1 :reset")选取所有的重置按钮
:button $("#form1 :button")选取所有的按钮
:file $("#form1 :file")选取所有的上传域
:hidden $("#form1 :hidden")选取所有的不可见元素
:input $("#form1 :input")选取所有的元素,上面所有