jQuery 一些神奇的選擇器寫法


========================================================================

========================================================================

JQ選擇器是那么的方便 既然如此,不如手寫重溫一遍~~~~ 

 

a[href^=http://]     選擇包含以http://開頭的href值的鏈接

div[title^=my]       匹配title特性值以my開頭所有的<div>元素

 

a[href$=.pdf]       引用PDF文件的所有鏈接

div:not(li:has(a))    匹配在其后代節點里,不存在包含<a>的<li>的<div>元素  (jQuery只支持一層嵌套語句)

 

E[A=V]          匹配所有元素E,其特性A的值為V

E[A^=V]        匹配所有元素E,其特性A的值以V開頭

E[A$=V]        匹配所有元素E,其特性A的值以V結尾

E[A*=V]        匹配所有元素E,其特性A的值為包含V

  

li a:first           所有li下,第一個a標簽          

li a:last          所有li下,第一個a標簽

li:first-child        每個li下第一個項

li:last-child         每個li下最后一個項

 

========================================================================

下面是JQ自定義篩選選擇器!!  強大道無容置疑!!

 

:animated                              控制處於動態控制之下的元素

input[type=submit]、input[type=reset]、input[type=button]     控制不同種類的按鈕

input[type=ckeckbox]                        控制復選框元素

input[type=file]                            選擇所有文件元素

:contains(foo)                            只選擇包含文本foo的元素

 

以下幾個CSS所支持

:checked  只選擇已選中的復選框或者單選框

:disabled  只選擇在頁面上禁用的表單元素

:enabled  只選擇在頁面上已經啟動的表單元素

-------------------------------------------------------------------- 類似的太多 不依依寫上去了

寫幾個組合篩選選擇器

:checked:checked:enabled     選擇已啟用的已選中復選框

input:not(:checkbox)        選擇非復選框<input>元素

 

正確寫法  div p:not(:hidden)    

錯誤寫法  div :not(p:hidden)

 

先到此位置吧...打完一遍 應該心中有個大概 到時候實戰多查查就能玩的666了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM