jQuery筆記 選擇器 二

1.選擇器練習：

1)查詢ul中的元素的內容

格式：$(「ul li:xx」).text()   xx：代表方法

比如：獲取到第一元素，然後獲取當中的值

$(「ul li:first」).text()

獲取最後乙個元素，然後獲取當中的值

$(「ul li:last」).text()

查詢索引號是奇數的標籤,索引號從1開始

$("

ul li:odd
").size();

查詢**的索引號為偶數行個數，索引號從0開始

$("table tr

:even
").size();

查詢**中第3行的內容，從索引號0開始

$("table tr

:eq(2)
");

查詢**中第二第三行的個數，即索引值是1和2，也就是比0大

假如說有三條記錄,為1和2的資料，可以理解為大於0的標籤$("

table tr:ge(0).size()
");

查詢**中第一第二行的個數，即索引值是0和1，也就是比2小

可以理解為小於2的標籤$("

table tr:lt(2)
")

給頁面內所有標題p

2.練習2

1)查詢所有包含文字

"kw"

的div

元素的個數查詢一下，因為是資料,所以注意大小寫

$(「div」).size()  獲取到所有的div標籤

$(「div:contains(『kw』)」).size() 查詢一下

/2)查詢所有

p元素為空的元素個數

$("

p:empty
").size() empty為空的。

3)給所有包含

p元素的

div元素新增乙個

myclass

樣式查詢div中含有p標籤的，然後在後面加上自己的樣式

$("

div.has(p)
").addclass("
myclass
");

4)查詢所有含有子元素或者文字的

p元素個數,即

p為父元素

注意：p裡面的資料是自己本身帶有的，不是手動輸入的。

$("

p:parent
").size();

練習

kw resig

george martin
malcom kw sinclair
j. ohn
kw啦啦啦

jQuery學習筆記二 選擇器

選擇器是jquery的核心，它幫助我們快速定位到乙個或多個dom節點。查詢 var div abc abc以 開頭。返回的物件是jquery物件。jquery物件類似陣列，它的每個元素都是乙個引用了dom節點的物件。如果id為abc的存在，返回的jquery物件如下 abc 如果id為abc的不存在...

jQuery筆記（二）之選擇器

id.class element selector1,selector2,selectorn ancestor descendant 選取ancestor元素裡的所有descendant後代元素 parent child 選取parent元素下的child元素 prev next 選取緊接在prev...

二 jQuery選擇器

jquery選擇器的優勢 1.簡潔的寫法 2.支援css1到css3選擇器，瀏覽器相容性好 3.完善的處理機制，使用jquery獲取網頁中不存在的元素不會報錯 注意 當要用jquery檢查某個元素在網頁上是否存在時，應該根據獲取到元素的長度來判斷或者轉化成dom物件來判斷，如下 if tt leng...