jquery从零开始学----选择器
$("标签名"),如$("p")是选取了所有的p标签节点
$("#id名"),如$("#test")是选取了id为test的标签节点
$(".class名"),如$(".test")是选取了所有class为test的标签节点
上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.
*:匹配所有元素
2.组选择器:
下面还是现做一个约定:把"标签名或#id名或.class名"记作mix,则mix表示一个标签名,或一个#id或一个.class.
$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")
3.层次选择器
3.1后代选择器:
$("mix
3.2.子选择器:
$("mix>mix"),这个放在后代选择器后面是为了和它做对比.子选择器只能选择第一代子代.不处理深层嵌套.例子:
$("div>.test")
<div><p
<div><p><p
$("div
3.3.临近选择器:
$("mix+mix"),选取下一个兄弟节点.如:$("div
<div></div><p
<div></div><p></p><p
3.4~
匹配
4.过滤选择器(也叫简单选择器)
4.1
4.2
4.3
去除所有与给定选择器匹配的元素
在jQuery
$("input:not(:checked)")
4.4
匹配所有索引值为偶数的元素,从
4.5
匹配所有索引值为奇数的元素,从
4.6
匹配一个给定索引值的元素
4.7
匹配所有大于给定索引值的元素
4.8
匹配所有小于给定索引值的元素
4.9
匹配如
4.10
匹配所有正在执行动画效果的元素
$("#run").click(function(){
});
5.内容过滤选择器
5.1
5.2
5.3
5.4
6.可见性过滤选择器
6.1
匹配所有的不可见元素,input
6.2
匹配所有的可见元素
7.属性过滤选择器
7.1
匹配包含给定属性的元素。注意,在jQuery
7.2
匹配给定的属性是某个特定值的元素
7.3
匹配所有含有指定的属性,但属性不等于特定值的元素。
在jQuery
7.4
匹配给定的属性是以某些值开始的元素
7.5
匹配给定的属性是以某些值结尾的元素
7.6
匹配给定的属性是以包含某些值的元素
7.7
复合属性选择器,需要同时满足多个条件时使用。
8.子元素过滤选择器
8.1
匹配其父元素下的第N个子或奇偶元素
8.2
匹配第一个子元素
8.3
匹配最后一个子元素
8.4
如果某个元素是父元素中唯一的子元素,那将会被匹配
9.表单对象过滤选择器
9.1
查找所有的input元素
9.2
查找所有的text元素
9.3
查找所有的password元素
9.4
9.5
9.6
9.7
9.8
9.9
9.10
10.表单对象属性
10.1
匹配所有可用元素
10.2
匹配所有不可用元素
10.3
匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
10.4
- (2011-01-13 21:07:43)
- (2011-01-12 20:31:17)
- (2010-03-11 17:39:49)
- (2009-12-23 10:37:44)