jquery選擇器:對(duì)javascript的操作進(jìn)行封裝.

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

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

? ? ? ? ? ? ? ? ? $("div span")選取div里所有的span元素 所有子節(jié)點(diǎn)

? ? ? ? ? ? ? ? ? $("div>span") 直接子節(jié)點(diǎn)

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

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

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

? ? ? ? ? ? ? ? ?(2)內(nèi)容過濾選擇器: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表單對(duì)象屬性過濾器

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

? ? ? ? ? ? ? ? ? ?

轉(zhuǎn)載于:https://www.cnblogs.com/shuaif/p/3413447.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。