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

創(chuàng)新互聯(lián)公司于2013年開(kāi)始，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站制作、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元六枝做網(wǎng)站,已為上家服務(wù),為六枝各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

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

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

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

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

2、XPath選擇器
如：選擇所有帶有title 屬性的鏈接，我們會(huì)這樣寫(xiě)：$('a[@title]')
[]里帶@，說(shuō)明[]里的是元素的屬性；是個(gè)屬性選擇器
[]里沒(méi)@，說(shuō)明[]里的是元素的子孫。
$('ul li')和$('ul[li]')雖然返回的都是一個(gè)jQuery數(shù)組，但兩者的含義正好相反。前者是要找<ul>下所有<li>子孫，而后者卻是在找所有子孫為<li>的<ul>數(shù)組。
在XPath中，要找一個(gè)“以...開(kāi)頭”的屬性，用^=，如找一個(gè)name屬性是以mail開(kāi)頭的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')意為<tr>元素的子孫中不含<th>的所有子孫的偶數(shù)項(xiàng)
4、還有幾個(gè)，簡(jiǎn)單不解釋了

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

還有一個(gè)，就是end()，這個(gè)方法肯定是用在某個(gè)DOM節(jié)點(diǎn)執(zhí)行了某一動(dòng)作之后，還想在與其相關(guān)的節(jié)點(diǎn)上執(zhí)行類似動(dòng)作，這里就要用到end()。用過(guò)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、要直接訪問(wèn)DOM元素，可用get(0)的方法，如
$('#myelement').get(0)，也可縮寫(xiě)成$('#myelement')[0]            

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

本文名稱：JQuery$()的用法有哪些-創(chuàng)新互聯(lián)
URL標(biāo)題：http://www.rwnh.cn/article38/hcdpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、網(wǎng)頁(yè)設(shè)計(jì)公司、動(dòng)態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、服務(wù)器托管、Google

廣告

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