摘要: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...