JQuery 简单选择器

在应用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)中的奇偶顺序是根据各自的父元素单独排序的。