JQuery $()的用法有哪些

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

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

1、標簽選擇器$('p')、類選擇器$('.myClass')、id選擇器$('#myId')相對簡單，不多說。不過有一點——$('p>ul')和$('p ul')是有區別的，

$('p>ul')是<p>的直接后代里找<ul>；而$('p ul')是在<p>的所有后代里找<ul>。
所以，$('#sId>li')所選擇的是id為"sId"的所有<li>孩子節點，即使這個<li>的后代還有<li>也不是它所找的范圍（所找到的DOM對象，只是它本級的DOM對象。）。而$('#sId li:not(.horizontal)')，就是指類名"sId"里面的所有li的子孫中沒有horizontal類的所有元素。——這里的not()是一個negation pseudo class.

這里返回的是一個jQurey對象，一個數組對象，這個jQuery對象的長度可用.length()得到。

2、XPath選擇器
如：選擇所有帶有title 屬性的鏈接，我們會這樣寫：$('a[@title]')
[]里帶@，說明[]里的是元素的屬性；是個屬性選擇器
[]里沒@，說明[]里的是元素的子孫。
$('ul li')和$('ul[li]')雖然返回的都是一個jQuery數組，但兩者的含義正好相反。前者是要找<ul>下所有<li>子孫，而后者卻是在找所有子孫為<li>的<ul>數組。
在XPath中，要找一個“以...開頭”的屬性，用^=，如找一個name屬性是以mail開頭的input元素，就用
$('input[@name^="mail"]')
要找一個“以...結尾”的屬性，要用$=
要找一個“不頭不尾”的屬性，用*=
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>的所有子孫的偶數項
4、還有幾個，簡單不解釋了

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

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

感謝你能夠認真閱讀完這篇文章，希望小編分享JQuery $()的用法有哪些內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!