国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Jquery實戰_讀書筆記2 選擇器

2024-05-06 14:11:49
字體:
來源:轉載
供稿:網友
基本的CSS選擇器
熟悉web開發的人員一定對css的選擇功能相當的了解,通過css選擇功能,我們可以在css樣式文件里輕松的將樣式應用到選擇的頁面元素上。jQuery也正是采用了這樣的機制,使jQuery的元素選擇能力易常強大。
a——選擇所有<a>元素
#specialID——選擇匹配id為specialID的元素
.specialClass——選擇匹配擁有css類sepcialClass的元素
a#specialID.specialClass——選擇匹配id為specialID、有用css類specialClass的<a>元素
p a.specialClass——匹配擁有css類specialClass、在<p>元素內的<a>元素
除了支持傳統的css選擇器,Jquery還支持CSS3選擇功能。

 

子節點選擇器
$("p > a") 選擇元素<p> 的直接子節點的<a>元素,非直接子節點的<a>元素將不會被選擇到


特性選擇器
特性選擇器在匹配的選擇元素上過濾滿足某特性(屬性)的元素
如我們需要做如下的選擇:匹配所有指向本網站之外地址的鏈接,我們可以這樣選擇
$("a[href^=http://")  該選擇器選擇具有href屬性,且href屬性值以http://開始的鏈接元素
特性選擇的語法是:
選擇具有某特性(屬性)的元素
form[method]
選擇具有某特性,且屬性值為指定值的元素
input[type=text]
選擇匹配特性以特定字符開頭的元素
div[title^=my]  ——選擇匹配title特性值已my開頭的所有div元素
選擇匹配特性以特定字符結束的元素
a[href$=.pdf] ——選擇引用了pdf文件的所有鏈接元素
其他
a[href*=jquery.com]選擇引用jQuery網站的所有鏈接元素


過濾符
通過過濾符選擇器可以在已選擇的元素中過濾出需要的元素,上面的特性選擇器也屬于過濾符,另外還有“:”字符
如:
li:has(a)—— 選擇匹配包含<a>元素的所有<li>元素

1. 基礎過濾符:
:first:匹配多個對象中的第一個對象
:last:匹配多個對象中的最后一個對象
:not(selector):匹配去除了not后面選擇符中內容的項,not中的selector只能是過濾選擇器,不能是查找選擇器
:even:匹配所有對象中的第偶數個
:odd:匹配所有對象中的第奇數個
:eq(index):匹配某一下表的單獨某元素
:gt(index):匹配大于某一下標的所有元素
:lt(index):匹配小于某一下標的所有元素
:header:匹配所有的header元素,例如h1,h2,h3,h4,h5,h6
:animated:匹配所有有動畫效果的元素
2. 內容過濾符:
:contains(text):匹配內部擁有該文本元素的對象,包含間接有用的情況
:empty:匹配所有沒有子元素的對象
:has(selector):匹配所有至少含有一個子選擇符的對象
:parent:匹配元素,這些元素包含子元素(包括文本元素)
3. 可見性過濾符:
:hidden:匹配所有隱藏對象,或者input中的hidden類型

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 弥渡县| 鲁山县| 南平市| 明水县| 景宁| 天祝| 宁强县| 商水县| 建昌县| 黔江区| 准格尔旗| 图木舒克市| 温州市| 越西县| 喀什市| 黄龙县| 铜川市| 商丘市| 循化| 定南县| 朔州市| 德令哈市| 巴里| 鄂托克前旗| 商都县| 汝州市| 栾城县| 隆德县| 钟祥市| 文登市| 高州市| 当雄县| 米脂县| 兰西县| 阳西县| 来宾市| 韶山市| 海城市| 富裕县| 内乡县| 漳州市|