這次帶給大家JQuery $()用法總結,使用JQuery $()的注意事項有哪些,下面就是實戰案例,一起來看一下。
JQuery $()的用法:主要有三種,取表達式、取元素、取函數。
1、標籤選擇器$('p')、類別選擇器$('.myClass')、id選擇器 $('#myId')相對簡單,不多說。不過有一點-$('p>ul')和$('p ul')是有差別的,
$('p>ul')是
的直接後代裡找
的所有後代裡找
這裡回傳的是一個jQurey對象,一個陣列對象,這個jQuery物件的長度可用.length()得到。
2、XPath選擇器
如:選擇所有帶有title 屬性的鏈接,我們會這樣寫:$('a[@title]')
[]裡帶@,說明[ ]裡的是元素的屬性;是個屬性選擇器
[]裡沒@,說明[]裡的是元素的子孫。
$('ul li')和$('ul[li]')雖然回傳的都是一個jQuery數組,但兩者的意思正好相反。前者是要找
$('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]
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是JQuery $()用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!