jquery選擇器:對javascript的操作進行封裝.

jquery選擇器的優點
? ? ? ? ? 1,簡潔的寫法
? ? ? ? ? 2，支持css1到css3選擇器(擁有跨瀏覽器的兼容性)
? ? ? ? ? 3，完善的處理機制(無需判斷對象是否存在)
選擇器種類
? ? ? ? ? ?1基本選擇器

? ? ? ? ? ? ? ? eg:$("#id"); $("#class"); $("p"); $("div,span,....")
? ? ? ? ? ?2層次選擇器

? ? ? ? ? ? ? ? ? $("div span")選取div里所有的span元素 所有子節點

? ? ? ? ? ? ? ? ? $("div>span") 直接子節點

? ? ? ? ? ? ? ? ? $(".one+div") 下一個元素 同輩元素

? ? ? ? ? ? ? ? ? $("#two~div")元素之后的所以div兄弟元素 ?
? ? ? ? ? ?3過濾選擇器

? ? ? ? ? ? ? ? (1) 基本過濾選擇器: $(" div:even")索引值為偶數的(所以從0開始) $("div:odd")基數 $("div;eq(0)")索引當前,:gt(0)大于,:lt(0)小于,:header 標題元素,:animated執行動畫的元素

? ? ? ? ? ? ? ? ?(2)內容過濾選擇器:contains(text)含有,:empty不包含子元素的,:parent含有子元素或者文本元素

? ? ? ? ? ? ? ? ?(3)可見性過濾器: :hidden所以不可見的 ,:visible 所以可見 ? ? ??

? ? ? ? ? ? ? ? ?(4)屬性過濾器: di[attribute]擁有 ,[attribute=value]為value的元素

? ? ? ? ? ? ? ? ?(5)子元素過濾器: nth-child(index/even/odd/equation)父元素之下的.... ,nth-child(3n+1)n從0開始 ? ? ? ? ? ? ?

? ? ? ? ? ?4表單對象屬性過濾器

? ? ? ? ? ? ? ? ? :enabled選取所以可用的元素,:disabled 所有不用的元素,:checked,:selected 所以選中元素

? ? ? ? ? ? ? ? ? ?

轉載于:https://www.cnblogs.com/shuaif/p/3413447.html

總結

以上是生活随笔為你收集整理的jquery_选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。