本文實例講述了JQuery常用選擇器功能與用法。分享給大家供大家參考，具體如下：

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信平臺小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了卡若免費建站歡迎大家使用！

JQuery基礎(chǔ)回顧

今天對JQuery內(nèi)容進行了回顧，下面進行一些總結(jié)：

JQuery是javascript的一個庫，所以二者可以相互轉(zhuǎn)換，例如JQuery到Javascript，用$()獲取元素，傳給JS的var變量。反之JS的getElement方法獲取var變量后，可以通過$(var)轉(zhuǎn)化成JQuery對象。

JQuery的選擇器，

id選擇$("#id")，class選擇$(".class")，元素選擇$("elemrnt")，選擇所有$("*")。層級選擇器有：子選擇器$("parent>child")選中直接子代，后代選擇器$("ancensterdescendant")選中所有的后代元素，相鄰兄弟選擇器$("prev+next")選中prev之后的第一個next節(jié)點，一般兄弟選擇$("prev~siblings")選中prev之后所有siblings元素。Jquery常用屬性選擇器如下：

$(“:first”)	選中第一個元素
$(“:last”)	選中最后一個元素
$(“:eq(n-1)”)	選中第n個元素
$(“:gt(n-1)”)	選中n個以后的所有
$(“:lt(n-1)”)	選中n個以前的所有
$(“:even”)	選中偶數(shù)個元素
$(“:odd”)	選中奇數(shù)個的元素
$(“:not(selector)”)	選中除selector選擇外的所有
$(“:animated”)	選中執(zhí)行動畫的元素
$(“: header”)	選中標題元素，如h2、h3
$(“:visible”)	選中可見的元素
$(“:hidden”)	選中隱藏的元素

子元素選擇器

$(“:first-child”)	選擇第一個元素
$(“:last-child”)	選擇最后一個元素
$(“:only-child”)	選擇沒有兄弟的元素
$(“:nth-child(n)”)	選擇第n個元素
$(“:nth-last-child(n)”)	選擇倒數(shù)第n個元素

First與first-child區(qū)別：

<ul>
 <li>第1個ul的第1個li</li>
 <li>第1個ul的第2個li</li>
 <li>第1個ul的第3個li</li>
</ul>
<ul>
 <li>第2個ul的第1個li</li>
 <li>第2個ul的第2個li</li>
 <li>第2個ul的第3個li</li>
</ul>

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前標題：JQuery常用選擇器功能與用法實例分析-創(chuàng)新互聯(lián)
當前URL：http://chinadenli.net/article26/depdjg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站營銷、網(wǎng)頁設計公司、搜索引擎優(yōu)化、移動網(wǎng)站建設、App設計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)