码迷,mamicode.com
首页 > Web开发 > 详细

Jquery选择器

时间:2015-11-14 17:49:47      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

基本选择器:

$("#myid")      匹配一个id为myid的元素。 return 对象 
$(element)      匹配所有的element元素    return 数组
$(".myclass")    匹配所有class为myclass的元素 return 数组
$("*")        匹配所有元素 html head body... return 数组
$(s1,s2,s3)    匹配所有满足s1或s2或s3的元素 return 数组

层次选择器:
$("div p")   匹配所有div下的p元素
$("div>p")   匹配所有上级元素为div的p元素
$("h1+div")   匹配所有div同级之前为h1的元素()
$("h1~div")   匹配h1同级之后的元素div

基本过滤选择器:
$(":first")    匹配第一个元素
$(":last ")    匹配最后一个元素
:not(selector)    匹配不满足selector的元素
:has(selector) 匹配包含满足selector的元素。
:even       从匹配的元素集中取序数为偶数的元素
:odd       从匹配的元素集中取序数为奇数的元素
:eq(index)   从匹配的元素集中取第index个元素
:gt(index)   从匹配的元素中取序数大于index的元素
:lt(index)   从匹配的元素中取序数小于index的元素
:header     匹配所有的标题元素
:animated   匹配正在执行动画的元素
:empty     匹配所有没有子元素(包括文本内容)的元素
:parent     匹配包含子元素(包含文本内容)的所有元素
:contains(text) 匹配所有含有text的元素
:hidden     匹配所有隐藏的元素,包含属性type值为hidden的元素
:visible      匹配所有非隐藏的元素

子元素过滤器:
E:nth-child(index/even/odd/equation) 匹配所有E在其父元素下满足(index/even/odd/equation)条件的集合。注:下标从1开始
E:first-child   匹配所有E在其父元素下是第一个子元素的集合
E:last-child   匹配所有E在其父元素下是最后一个子元素的集合
E:only-child   匹配所有E是其父元素的唯一子元素的集合


表单选择器:
:input       匹配所有的input、textarea、select、button
:text       匹配所有type属性为text的元素
:password     匹配所有type属性为password的元素
:radio        所有type属性为radio的元素
:checkbox     所有type属性为checkbox的元素
:submit     所有type属性为submit的元素
:image     所有type属性为image的元素
:reset     所有type属性为reset的元素
:button      所有type属性为button的元素
:file       所有type属性为file的元素
:enabled     匹配所有可用的元素。注:即:not(:disabled),参考:disabled的注释
:disabled     匹配所有禁用的元素
:checked     匹配所有被选中的表单 即选择的对象是含有checked属性的所有元素
:selected      匹配所有选择的表单 即选择的对象是含有selected属性的所有元素


属性选择器:
[attribute]       匹配拥有attribute属性的元素
[attribute=value]   匹配属性attribute为value的元素
[attribute!=value] 
[attribute^=value]   匹配属性attribute的值以value开始的元素
[attribute$=value]   匹配属性attribute的值以value结尾的元素
[attribute*=value]   匹配属性attribute的值包含value的元素
[selector1][selector2][selectorN] 匹配满足属性选择器selector1、selector2、selectorN的元素

 

Jquery选择器

标签:

原文地址:http://www.cnblogs.com/zhaojinhui/p/4964758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!