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

 

原文地址:https://www.cnblogs.com/dexter2003/p/2139074.html