基本选择器
根据id获取元素
$("#id")
根据标签名获取元素
$("标签名")
根据class属性值获取元素
$(".class属性值")
获取所有元素
$("*")
多条件选择
$("标签名,#id")
层次选择器
获取后代元素
$("body p")
获取子元素
$("body>p")
从h3元素后面第一个兄弟元素选取p
$("h3+p")
从h3元素后面所有兄弟元素选取p
$("h3~p")
从h3元素所有兄弟元素选取p
$("h3").siblings("p")
过滤选择器
基本过滤选择器
选取第一个元素
$("p:first")
选取最后一个元素
$("p:last")
选取索引值是偶数的元素
$("p:even")
选取索引值是奇数的元素
$("p:odd")
选取索引值等于index的元素
$("p:eq(index)")
选取索引值大于index的元素
$("p:gt("index")")
选取索引值小于index的元素
$("p:lt("index")")
选取匹配除selector以外的元素
$("p:not(selector)")
选取所有标题元素
$(":header")
选取所有正在执行动画的元素
$(":animzted")
内容过滤选择器
选取含有文本内容为text的元素
$("div:contains('text')")
选择不包含后代元素和文本的空元素
$("div:empty")
选择含有后代元素和文本的元素
$("div:parent")
选取含有后代元素为selector的元素
$("div:has(selector)")
可见性过滤选择器
选取不可见元素
$("p:hidden")
选取可见元素
$("div:visible")
属性过滤选择器
选择使用attr属性的元素
$("div[attr]")
选取attr属性值为value的元素
$("div[attr=value]")
选取attr属性值不为value的元素
$("div[attr!=value]")
选取attr属性值以value 开头的元素
$("div[attr^=value]")
选取attr属性值以value 结尾的元素
$("div[attr$=value]")
选取attr属性含有value的元素
$("div[attr*=value]")
多条件属性选择器
$("div[attr1=value] [attr2]")
子元素过滤选择器
选取第一个子元素
$("p:first-child")
选取最后一个子元素
$("p:last-child")
选取唯一的子元素
$("p:only-child")
选取索引值是奇数的子元素
$("p:nth-child(odd)")
选取索引值是偶是的子元素
$("p:nth-child(even)")
选取索引时等于index的子元素
$("p:nth-child(index)")
选取索引值符合equation 的子元素
$("p:nth-child(equation)")
表单对象属性过滤选择器
选取可用的表单元素
$("input:enavled")
选取不可用的表单元素
$("input:disavled")
选取被选中的<input>元素
$("input[type=checkbox]:checked")
选取被选中的<option>元素
$("selelct option:selected")
基本选择器
根据id获取元素
$("#id")
根据标签名获取元素
$("标签名")
根据class属性值获取元素
$(".class属性值")
获取所有元素
$("*")
多条件选择
$("标签名,#id")
层次选择器
获取后代元素
$("body p")
获取子元素
$("body>p")
从h3元素后面第一个兄弟元素选取p
$("h3+p")
从h3元素后面所有兄弟元素选取p
$("h3~p")
从h3元素所有兄弟元素选取p
$("h3").siblings("p")
过滤选择器
基本过滤选择器
选取第一个元素
$("p:first")
选取最后一个元素
$("p:last")
选取索引值是偶数的元素
$("p:even")
选取索引值是奇数的元素
$("p:odd")
选取索引值等于index的元素
$("p:eq(index)")
选取索引值大于index的元素
$("p:gt("index")")
选取索引值小于index的元素
$("p:lt("index")")
选取匹配除selector以外的元素
$("p:not(selector)")
选取所有标题元素
$(":header")
选取所有正在执行动画的元素
$(":animzted")
内容过滤选择器
选取含有文本内容为text的元素
$("div:contains('text')")
选择不包含后代元素和文本的空元素
$("div:empty")
选择含有后代元素和文本的元素
$("div:parent")
选取含有后代元素为selector的元素
$("div:has(selector)")
可见性过滤选择器
选取不可见元素
$("p:hidden")
选取可见元素
$("div:visible")
属性过滤选择器
选择使用attr属性的元素
$("div[attr]")
选取attr属性值为value的元素
$("div[attr=value]")
选取attr属性值不为value的元素
$("div[attr!=value]")
选取attr属性值以value 开头的元素
$("div[attr^=value]")
选取attr属性值以value 结尾的元素
$("div[attr$=value]")
选取attr属性含有value的元素
$("div[attr*=value]")
多条件属性选择器
$("div[attr1=value] [attr2]")
子元素过滤选择器
选取第一个子元素
$("p:first-child")
选取最后一个子元素
$("p:last-child")
选取唯一的子元素
$("p:only-child")
选取索引值是奇数的子元素
$("p:nth-child(odd)")
选取索引值是偶是的子元素
$("p:nth-child(even)")
选取索引时等于index的子元素
$("p:nth-child(index)")
选取索引值符合equation 的子元素
$("p:nth-child(equation)")
表单对象属性过滤选择器
选取可用的表单元素
$("input:enavled")
选取不可用的表单元素
$("input:disavled")
选取被选中的<input>元素
$("input[type=checkbox]:checked")
选取被选中的<option>元素
$("selelct option:selected")
分享到:
相关推荐
Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器
jQuery选择器大全(48个代码片段 21幅图演示)
jQuery选择器全解.
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...
jquery 选择器 描述
jQuery选择器过滤器全面的总结,老师推荐!
JQuery 选择器,方便 使用的技术
经典的jQuery选择器应用例子,直观的演示了各种选择器的应用例子。对学习jQuery很有帮助。
jQuery选择器大全(48个代码片段+21幅图演示)
这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享
Jquery选择器分类整理,基本都包含到了,学习笔记。
jquery选择器功能无比强大,用好了可以起到事半功倍的效果,这个资源把选择器单独列出来,便于方便查找
jquery选择器入门详解小案例,内附框架脚本,直接运行即可,可以查看源码!
JQuery选择器详解JQuery选择器详解
jquery初学者必备,有各种jquery的选择器,个人学习时整理
jQuery选择器总结,网上下载的,非原创的,仅供参考,学习学习。
通过思维导图对知识进行梳理,以便记忆
内置详细的Jquery全部选择器,程序员或初学者必备。
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...