jQuery选择器

jQuery 选择器

1、基本选择器

$(“#divid”);

$(“a”)

$(“.divClass”)

$(“#divId, a, divClass”) 不同选择器的组合，将获得匹配其中一个或多个条件的元素

$(“*”) 全局选择器，选择所有的元素

2、层次选择器

1）后代选择器

$(“redDiv span”) ：选择redDiv后代的所有span元素

2)父子选择器

$(“.myList>li”) :选择所有类为myList里面所有的li儿子

3）相邻兄弟选择器

$(“#hibiscus+img”) :选择id为hibiscus的的后面的（紧跟着的）img兄弟元素，没有则不选择

4）后续兄弟选择器

$(“#someDiv~[title]”) :选择id为someDiv为的后面带有title属性的兄弟元素

3、过滤选择器

1)基本过滤器

$(“tr:first”) :选择第一个tr元素

$（”tr:last”) :选择最后一个tr元素

$(“input:not(:checkd)” :查找所有未选中的input元素

$(“tr：odd(even)”) ：选择所有索引结构中索引值为奇数（偶数）的tr元素（从0开始算）

$(“tr:eq(n)”) :通过索引值，查找第n个tr元素（从0开始算）

$(“tr:gt(n)”) :通过索引值，查找索引值大于n的tr元素

$(“tr:lt(n)”) :通过索引值，查找索引值小于n的tr元素(

$(“:header”) :查找h1-h6

$(“:animated”) :查找当前正在动画的元素组成的数组

$(“:focus”) :选择当前处于焦点上的元素

2）内容过滤选择器

$(“div:container(‘John’)”) //匹配包含”John”的div元素

$(“td:empty”) //查找不包含子元素和文本的空td元素

$(“div:has(p)”） //查找含有p元素的div元素

$(“div:parent”) //查找含有子元素的div元素

4、可见性过滤器

$(“td:hidden”) //匹配所有被隐藏的td元素

$(“td:visible”) //查找所有可见的td元素

5、子过滤器

：nth-child(n/odd/even) :匹配父元素的某个子元素或者索引值为奇数或者偶数的子元素，注意索 引值从1开始，不是从0开始

：first（last)-child() 第一个(最后一个）子元素组成的数组

：only-child() 一个由所以“唯一子元素”组成的数组。父元素除了该元素外没有其他子元素

6、特性过滤器

$(“[attribute]”) 所有属性为attribute的元素

$(“[attribute=value]”) 所有属性为attribute,属性值为value的元素

$(“[attribute^=value]”) 所有属性为attribute,属性值为以value开头的元素

$(“[attribute*=value]”) 所有属性为attribute,属性值包含有value的元素

$(“[attribute~=value]”) 所有属性为attribute，属性值含有value的单词的元素

$(“[attribute|=value]”) 所有属性为attribute，属性值为value值加上连字号开头的元素

7、表单对象属性过滤器和表单选择器

$(“input:enable”) //input可用的元素

$(“input:disable”)

$(“input:checked”) //查找所有被选中的input元素

$(“option:selected”) //查找所有被选中的选项

$(“:input”) //查找所有的input元素

$(“:text,:password”) //查找所有的文本框，密码框

$(“:radio,:checkbox”) //查找所有的单选框，复选框

$(“:submit,:image,:rest,:button,:file”)

【注意】

$(“input”)

和$(“:input”)的区别

前者【标签选择器】是选择标签名为input的元素

后者【表单选择器】是选择表单里面包含了input、select,textarea和button元素