jQuery选择器总结(全).ppt

jQuery选择器总结(全).ppt

ID:56442251

大小:578.50 KB

页数:18页

时间:2020-06-18

jQuery选择器总结(全).ppt_第1页
jQuery选择器总结(全).ppt_第2页
jQuery选择器总结(全).ppt_第3页
jQuery选择器总结(全).ppt_第4页
jQuery选择器总结(全).ppt_第5页
资源描述:

《jQuery选择器总结(全).ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Jquery选择器申芳芳目标基础选择器层次选择器过滤选择器表单选择器jQuery中的基本选择器选择器描述返回示例#id根据给定的id匹配一个元素单个元素$("#test")选取id为test的元素.class根据给定的类名匹配元素集合元素$(".test")选取所有class为test的元素element根据给定的元素名称匹配元素集合元素$("p")选取所有的

元素selector1,selector2,selector3...将每一个选择器匹配到的元素合并后一起返回集合元素$("div,span,p.cls")选

2、取所有

和拥有class为cls的

标签的一组元素*匹配所有元素集合元素$("*")选取所有的元素选择器语法1、通过ID选取元素语法:$("#id")2、通过类名获取元素语法:$(".className")3、通过标签名获取元素语法:$("tagName")4、一次性获取多个元素语法:$("selector1,selector2,select3...")层次选择器如果想通过DOM元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素,兄弟元素等,则需要使用层次选择器层次选择器选择器描

3、述示例$("ancestordescendant")选取ancestor元素里的所有descendant(后代)元素$("divspan")选取

里的所有的元素$("parent>child")选取parent元素下的child(子)元素$("div>span")选取
元素下元素名是的子元素$("prev+next")选取紧接在prev元素后的next元素$("div+span")选取
元素的下一个兄弟元素$("prev~siblings")选取prev元素之

4、后的所有siblings元素$("div~span")选取

元素后面的所有兄弟元素siblings()方法与$("prev~siblings")注意:(“prev~div”)选择器只能选择“prev”元素后面的同辈元素;而jQuery中的方法siblings()与前后位置无关,只要是同辈节点就可以选取过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,该选择器都以“:”开头按照不同的过滤规则,过滤选择器又可分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选

5、择器基本过滤选择器选择器描述示例:first选取第一个元素$("div:first")选取所有

元素中第一个
元素:last选取最后一个元素$("div:last")选取所有
元素中最后一个
元素:not(selector)去除所有与给定选择器匹配的元素$("input:not(.myClass)")选取类名不是myClass的元素:even选取索引是偶数的所有元素,索引从0开始$("input:even")选取索引是偶数的元素:odd选取索引是奇数的所有元素

6、,索引从0开始$("input:odd")选取索引是奇数的元素:eq(index)选取索引等于index的元素(index从0开始)$("input:eq(1)")选取索引等于1的元素:gt(index)选取索引大于index的元素(index从0开始)$("input:gt(1)")选取索引大于1的元素:lt(index)选取索引小于index的元素(index从0开始)$("input:lt(1)")选取索引小于1的元素:header选取所有标题元素,例如:h

7、1,h2,h3等等$(":header")选取网页中所有的标题元素内容过滤选择器选择器描述示例:contains(text)选取含有文本内容为text的元素$("div:contains('abc')")选取含有文本"abc"的

元素:empty选取不包含子元素或者文本的空元素$("div:empty")选取不包含子元素(包括文本元素)的
空元素:has(selector)选取含有选择器所匹配的元素的元素$("div:has(p)")选取含有

元素的

元素:parent选取含有子元素或者文本

8、的元素$("div:parent")选取拥有子元素(包括文本元素)的

元素可见性过滤选择器选择器描述示例:hidden选取所有不可见的元素$(":hidden")选取所有不可见的元素。包括。如果只想选取元素,可以使用

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。