欢迎来到天天文库
浏览记录
ID：37955726
大小：227.46 KB
页数：4页
时间：2019-06-03
《jQuery选择器》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、jQuery选择器笔记本：锋利的jQuery创建时间：2016/10/115:19更新时间：2016/10/119:38作者：nine_point_eightjQuery选择器利用CSS选择器的规则来获取页面的元素。jQuery的选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。基本选择器：基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。在网页中，每个id名称只能使用一次，class允许重复使用。层次选择器：如果想通过DOM元素之间的层次关系来获取特定元
2、素，例如后代元素、子元素、相邻元素和同辈元素等，那么层次选择器是一个非常好的选择。(1)$("ancestorbody里的所有div（包括$("bodydiv")descendant")
3、()方法相当于(3)，nextAll()方法相当于(4)，siblings()方法不同于(4)，它不考虑先后位置，匹配所有同辈元素。eg:.nextAll("div")、.siblings("div")过滤选择器：过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。按照不同的过滤规则，过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。基本过滤：：first：last:not(selector):even:
4、odd:eq(index):gt(index):lt(index):focus:animate:header$("div:first"):选取所有
5、)$("div:contains('English')")
元素的
6、有可见的
7、=value]（等于或以它为前缀）[attribute~=value]（用空格分隔的值中包含特定的字符）[attribute1][attribute2][attribute3]（选择有多个属性的元素）$("a[h
8、ref]")选择拥有href的元素$("a[target=_blank]")选择target=_blank的元素$("a[href^=http]")选择以http开始的链接$("a[href$=.pdf]")选择以.pdf结束的链接class="btnbtn-primarybtn-success"然后$("[class~=btn]")可以选中它子元素过滤选择器：子元素过滤选择器的过滤规则相对于其它的选择器稍微有些复杂，不过没关系，只要将元素的父元素和子元素区分清楚，那么使用起来也非常简单。另外还要注意它与普通的过滤选
9、择器的区别。选取每个父元素下的第:nth-返回一个集合，为每个父元index(从1开始)个子元素或child(index/even/odd/equation)素匹配子元素寄偶元素$("ulli:first-child")，选取选取每个父元素的第一个子:first
此文档下载收益归作者所有
