這是看《鋒利的jquery》時,整理出來的一些東西,很多方法,需要大家親自實踐一下,才會理解得更加深刻,切莫眼高手低哦……
Jquery選擇器分類:基本選擇器,層次選擇器,過濾選擇器,表單選擇器
一、基本選擇器:jquery中最常用的選擇器,也是最簡單的選擇器。通過元素id、class和標簽名等來查找DOM元素。
表-基本選擇器
選擇器 | 描述 | 返回 | 示例 |
#id | 根據給定的id匹配一個元素 | 單個元素 | $(“#test”)選取id為test的元素 |
.class | 根據給定的類名匹配元素 | 集合元素 | $(“.test”)選取所有class為test的元素 |
element | 根據給定的的元素名匹配元素 | 集合元素 | $(“p”) 選取所有的<p>元素 |
* | 匹配所有元素 | 集合元素 | $(“*”)選取所有元素 |
Selector1,Selector2, ……, SelectorN | 將每一個選擇器匹配到的元素合并后一起返回 | 集合元素 | $(“div,span,p.myClass”)選取所有<div>,<span>和擁有class為myClass的<p>標簽的一組元素 |
二、層次選擇器:通過DOM元素之間的層次關系獲取特定元素,如后代元素、子元素、相鄰元素、兄弟元素等。層次選擇器是一個很好的選擇
表-層次選擇器
選擇器 | 描述 | 返回 | 示例 |
$(“ancestor descendant”) | 選取ancestor元素里所有descendant(后代)元素 | 集合元素 | $(“div span”)選取<div>里所有的<span>元素 |
$(“parent>child”) 學習交流
熱門圖片
猜你喜歡的新聞
新聞熱點 2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑難解答 圖片精選 |