在应用JQuery的时候老是记不住Jquery的选择器,总是要先查资料,比较郁闷,在这里把简单的常用的选择器记录下来,以供以后查阅。
更多的JQuery 选择器请查阅JQuery官网。
1. ID选择器: $(“#divId”).
2. 类别选择器:$(“.ClassName”).
3. 子选择器:$(“li>a”).
4. 属性选择器: 在标记的后面用中括号”[”和”]”添加相关属性,然后赋予不同的逻辑。
a) $(“a[‘title’]”) :筛选存在title 的A标签。
b) $(“a[href=’page.html’]”): 筛选href属性等于’page.html’的A标签。
c) $(“a[href^=’https://’]”):筛选href属性值以”https://” 的开头的所有链接。
d) $(“a[href$=’html’]”): 筛选href属性值以’html’结尾的链接集合。
e) $(“a[href*=’isaac’]”): 筛选href属性中存在’isaac’字符串的链接集合,*表示任意匹配。
f) 包含选择器: $[“li:has(a)”] 表示筛选存在<a>标签的所有<li>.
5. 位置选择器
a) $(“p:first-child”). 筛选所有p标记,并且P标记为其父标记的第一个子标记。
b) $(“p:last-child”).筛选所有p标记,并且标记为其父标记的最后一个子标记。
6.
7. 奇偶选择:
a) $(“p:odd”) :筛选所有位于奇数行的P标记。对于所有页面进行排序。
b) $(“p:even”):筛选所有位于偶数行的P标记。 对于所有页面进行排序。
c) $(“P:nth-child(odd|even)”):筛选在其父标记中的奇数或偶数行的P标记。
:nth-child(odd|even)中的奇偶顺序是根据各自的父元素单独排序的。