jquery選擇器 筆記

2022-03-24 12:23:10 字數 1279 閱讀 1783

摘要:jquery的好處我就不多說了,baidu,google一大把,我們這裡就講解一下,在這裡我們看一下jquery的選擇器吧!

這裡我也是想到什麼就寫什麼,大家湊合著看.哈!

元素選擇器

概述:根據給定的元素名匹配所有元素

引數:乙個用於搜尋的元素。指向 dom 節點的標籤名

alert($("p")[0].innerhtml);  //獲取頁面中第乙個p標記元素

alert($("h3 a")[0].innerhtml); // 獲取頁面中h3標記下面的a標記的內容

alert($("p[ab=ccc]")[0].innerhtml); //獲取頁面中ab屬性等於ccc的p標記,ab屬性是自定義屬性

alert($("div p a")[0].innerhtml);  //獲取而面中在div標記下面的p標記下面的a標記的第乙個的值

alert($("div p:has(a)")[0].innerhtml); //獲取而面中在div標記下面的擁有a標記的p標記的內容

$("p:lt(2)");  //獲取頁面中前兩個p標記

$("p:last");   //獲取頁面最後乙個p標記

$("p:first"); //獲取頁面第乙個p標記

#id選擇器

概述:根據給定的id匹配乙個元素,如果選擇器中包涵特殊字元,可以用兩個斜槓轉義

引數:用於搜尋的,通過元素的id屬性中定的值

$("#mydiv");    //獲取頁面元素id為mydiv的標記

$("#abc[ss=cc]")[0];  //獲取頁面元素id為abc,屬性ss=cc的標記

類屬性選擇器

概念:根據給定的類匹配元素

引數:乙個用以搜尋的類,乙個元素可以有多個類,只要有乙個符合就可以找到

$(".myclass");   //查詢使用myclass類的標記,例:哈哈

四種選擇器的用法基本一致的,只是一開始的表示有點不一樣,比如元素就是$("元素")而id選擇器就是$("#id")只是多了乙個#符號而以.

jquery選擇器是可以用得非常靈活的,在這裡我也列舉不了那麼多.畢境在元素選擇器那裡的demo基本就夠用了,如果不夠,請發揮你的想像力吧,看完上面的這些例子,相信你已經基本掌握id,元素,類這三種選擇器的基本應用了!

jQuery選擇器 筆記

今天碰到乙個需要選擇 所有行最後乙個標籤的情況 通過檢視幫助手冊之後使用了如下選擇器 table tr td last 然而碰到了乙個問題,這個選擇器選擇的是所有標籤中的最後乙個標籤,後來經過驗證最終使用的選擇器為 table tr td last child 下面附上乙個例子 1111 1111 ...

jquery選擇器筆記

prev next 同 prev next next 解釋 prev與next元素為同級元素 否則無效 匹配prev元素之後的所有next元素。next必須緊挨著prev元素 否則無法選擇 prev siblings 同 prev nextall siblings 解釋 prev與next元素為同級...

jQuery物件 jQuery選擇器筆記

jquery就是乙個js庫 js庫 把一些常用到的方法寫到乙個單獨的js檔案 jquery入口函式與js入口函式的對比 js物件 也叫dom物件 與jquery物件 jquery選擇器 id選擇器 id 類選擇器 current 標籤選擇器 div 並集選擇器 div,p 交集選擇器 div.cur...