這篇文章主要介紹了JQuery $()的用法有哪些，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供樺南網(wǎng)站建設(shè)、樺南做網(wǎng)站、樺南網(wǎng)站設(shè)計(jì)、樺南網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、樺南企業(yè)網(wǎng)站模板建站服務(wù)，10年樺南做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

JQuery $()的用法：主要有三種，取表達(dá)式、取元素、取函數(shù)。

1、標(biāo)簽選擇器$('p')、類選擇器$('.myClass')、id選擇器$('#myId')相對(duì)簡(jiǎn)單，不多說。不過有一點(diǎn)——$('p>ul')和$('p ul')是有區(qū)別的，

$('p>ul')是

的直接后代里找

；而$('p ul')是在

的所有后代里找

。
所以，$('#sId>li')所選擇的是id為"sId"的所有
• 孩子節(jié)點(diǎn)，即使這個(gè)
• 的后代還有
• 也不是它所找的范圍（所找到的DOM對(duì)象，只是它本級(jí)的DOM對(duì)象。）。而$('#sId li:not(.horizontal)')，就是指類名"sId"里面的所有l(wèi)i的子孫中沒有horizontal類的所有元素?！@里的not()是一個(gè)negation pseudo class.

  這里返回的是一個(gè)jQurey對(duì)象，一個(gè)數(shù)組對(duì)象，這個(gè)jQuery對(duì)象的長(zhǎng)度可用.length()得到。

  2、XPath選擇器
  如：選擇所有帶有title 屬性的鏈接，我們會(huì)這樣寫：$('a[@title]')
  []里帶@，說明[]里的是元素的屬性；是個(gè)屬性選擇器
  []里沒@，說明[]里的是元素的子孫。
  $('ul li')和$('ul[li]')雖然返回的都是一個(gè)jQuery數(shù)組，但兩者的含義正好相反。前者是要找

  下所有
  • 子孫，而后者卻是在找所有子孫為
  • 的
    數(shù)組。
    在XPath中，要找一個(gè)“以...開頭”的屬性，用^=，如找一個(gè)name屬性是以mail開頭的input元素，就用
    $('input[@name^="mail"]')
    要找一個(gè)“以...結(jié)尾”的屬性，要用$=
    要找一個(gè)“不頭不尾”的屬性，用*=
    3、不屬于上述的CSS和XPath的選擇器，就是自定義的選擇器了，用“:”表示，這里要用的就是:first，:last，:parent ，:hidden，:visible，:odd，:even，:not('xxx')， ":eq(0)"（始于0)，:nth(n），:gt(0)，:lt(0)，:contains("xxx")
    如：$('tr:not([th]):even')意為元素的子孫中不含的所有子孫的偶數(shù)項(xiàng)
    4、還有幾個(gè)，簡(jiǎn)單不解釋了

    $('th').parent()—— 
    $('td:contains("Henry")').prev()——內(nèi)容包含有"Henry"的的上一個(gè)節(jié)點(diǎn) 
    $('td:contains("Henry")').next()——內(nèi)容包含有"Henry"的的下一個(gè)節(jié)點(diǎn) 
    $('td:contains("Henry")').siblings()——內(nèi)容包含有"Henry"的的所有兄弟節(jié)點(diǎn)

    還有一個(gè)，就是end()，這個(gè)方法肯定是用在某個(gè)DOM節(jié)點(diǎn)執(zhí)行了某一動(dòng)作之后，還想在與其相關(guān)的節(jié)點(diǎn)上執(zhí)行類似動(dòng)作，這里就要用到end()。用過end()方法之后，所返回的是執(zhí)行動(dòng)作的那個(gè)節(jié)點(diǎn)的父節(jié)點(diǎn)上。舉個(gè)例子
    $(...).parent().find(...).addClass().end()
    這里執(zhí)行動(dòng)作的節(jié)點(diǎn)是find(...)，是一個(gè)數(shù)組對(duì)象，它所做的動(dòng)作是“addClass()”，之后，用了個(gè)end()，這時(shí)所返回的東東就是指向了parent()所指向的節(jié)點(diǎn)，也就是執(zhí)行“addClass()”動(dòng)作的那個(gè)數(shù)組對(duì)象的父節(jié)點(diǎn)。
    5、要直接訪問DOM元素，可用get(0)的方法，如
    $('#myelement').get(0)，也可縮寫成$('#myelement')[0]            

    感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JQuery $()的用法有哪些內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!

    
    新聞標(biāo)題：JQuery$()的用法有哪些
    分享鏈接：http://weahome.cn/article/ijijjo.html