jQuery選擇器（三）

子元素過濾選擇器：

l  nth-child() 選擇器詳解如下：

•    (1) :nth-child(even/odd): 能選取每個父元素下的索引值為偶(奇)數的元素

•    (2):nth-child(2): 能選取每個父元素下的索引值為2 的元素

•    (3):nth-child(3n): 能選取每個父元素下的索引值是3 的倍數的元素

•    (3):nth-child(3n + 1): 能選取每個父元素下的索引值是 3n + 1的元素

$("ul>li:nth-child(even").css("background-color","red");

$("ul>li:first-child").css("background-color","blue");

$("ul>li:last-child").css("background-color","red");

$("ul>li:only-child").css("background-color","green");

表單物件過濾器：

此選擇器主要對所選擇的表單元素進行過濾

$(document).ready(function(){

// 表單 過濾器匹配所有 input, textarea, select 和 button 元素

var $ipts = $(":input");

//alert($ipts.length);

//alert($(":text").length);

alert($("input:text").length);// input : text

前提：引入js檔案

三 jQuery選擇器

1 層次選擇器 4 p div 選取p元素下的所有div p div 選取p元素 下的div子元素 p div 選取p元素的一下個 同胞div元素 等價於 p next div p div 選取p元素後面所有 同胞div元素 等價於 p nextall div 後面的同輩 對比 p siblings...

Jquery選擇器（三）

過濾選擇器 4 屬性過濾器 查詢所有含有 id 屬性的 div 元素 document ready function test1 test2 查詢所有name是qin的input並選中 document ready function 查詢所有name不是qin的input並選中 document r...

jQuery學習筆記（三） jQuery選擇器2

4 內容過濾選擇器 內容過濾選擇器根據元素中的文字內容或所包含的子元素特徵獲取元素，其文字內容可以模糊或絕對匹配進行元素定位，其詳細說明如下表所示 內容過濾選擇器語法 選擇器功能返回值 contains text 獲取包含給定文字的元素 元素集合 empty 獲取所有不包含子元素或者文字的空元素 元...