| 标题：jquery学习 选择器 |
发帖时间：2017-06-14 10:32:55 |
乌托
直接选择器
$("#id") //id
$(".class") //class
$("element") //如:div
$("*") //所有dom
$("selector1,selector2,selectorN") //如：$("div,span,p.myClass")
关系选择器
$("parent children") //如：$("div p")
$("parent>children") //如：$("div>p") 直系后代
$("prev+next") //匹配所有紧接在 prev 元素后的 next 元素
$("prev~siblings") //匹配 prev 元素之后的所有 siblings 元素
$(":first") //第一个 如:$("div:first")
$(":last") //最后一个元素
$(":not(selector)") //没有 （"选择器"）的
$(":first-child") //匹配所给选择器( :之前的选择器)的第一个子元素
$(":last-child") //匹配所给选择器( :之前的选择器)的最后一个子元素
$ (":first-of-type") 1.9+//结构化伪类，匹配E的父元素的第一个同标签名的孩子。等价于 :nth-of-type(1) 选择器。
$(" :last-of-type") 1.9+ //结构化伪类，匹配E的父元素的最后一个E类型的孩子
大体的意思跟 :first-of-type 差不多，只是一个是第一个元素，一个是最后一个元素，这里就不赘述了。
$(":nth-child") //匹配其父元素下的第N个子或奇偶元素 如：$("ul li:nth-child(2)")
$(":nth-last-child") 1.9+//选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。$("ul li:nth-last-child(2)");
$(":nth-last-of-type") 1.9+//选择的所有他们的父级元素的第n个子元素，计数从最后一个元素到第一个。
$(":nth-of-type") 1.9+//选择同属于一个父元素之下，并且标签名相同的子元素中的第n个。
$("only-child") //如果某个元素是父元素中唯一的子元素，那将会被匹配
$("only-of-type") //选择所有没有兄弟元素，且具有相同的元素名称的元素。
索引选择器
$(":even") //索引为偶数的 0开始
$("odd") //索引为奇数的 1开始
$("eq(index)") //索引为index的
$(":gt(index)") //大于索引的
$(":lt(index)") //小于索引的
条件选择器
$(":lang()") 1.9+ //如：$("p:lang(it)")
$(":header") //匹配 h1 ,h2等标签元素
$(":animated") //匹配动画的元素
$(":focus") 1.6+//匹配当前获取焦点的元素
$(":root") 1.9+//根元素 永远是html
$(":target") 1.9+//选择由文档URI的格式化识别码表示的目标元素
例如，给定的URI http://example.com/#foo， $( "p:target" )，将选择
元素。
$(":contains("text")") // 包含text文字的 如：$("div:contains("John")")
$(":empty") //匹配所有不包含子元素或者文本的空元素
$(":has(selector)") //匹配含有选择器所匹配的元素的元素 $("div:has(p)")
$(":parent") // 匹配含有子元素或者文本的元素
$(":hidden") //匹配所有不可见元素，或者type为hidden的元素
$(":visible") //匹配所有的可见元素
属性选择器
[attribute] //匹配包含给定属性的元素
[attribute=value] //匹配给定的属性是某个特定值的元素 如：$("input[name="newsletter"]")
[attribute!=value] //匹配所有不含有指定的属性，或者属性不等于特定值的元素。
[attribute^=value] //匹配给定的属性是以某些值开始的元素
[attribute$=value] //匹配给定的属性是以某些值结尾的元素
[attribute*=value] // 匹配给定的属性是以包含某些值的元素 如：$("input[name*="man"]")
[attrSel1][attrSel2][attrSelN] //复合属性选择器，需要同时满足多个条件时使用。如：$("input[id][name$="man"]")
表单选择器
$(":input") //匹配所有 input, textarea, select 和 button 元素
$(":text") //匹配所有的单行文本框
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
表单对象属性
$(":enabled") //匹配所有可用元素
$(":disabled") //匹配所有不可用元素
$(":checked") //匹配所有选中的被选中元素(复选框、单选框等，select中的option)，对于select元素来说，获取选中推荐使用 :selected
$(":selected") //匹配所有选中的option元素
$.escapeSelector(selector) 3.0+//这个方法通常被用在类选择器或者ID选择器中包含一些CSS特殊字符的时候，这个方法基本上与CSS中CSS.escape()方法类似，唯一的区别是jquery中的这个方法支持所有浏览器。
