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元素