jquery常用選擇器

1.數字性過濾

$("tr:first")               //選擇所有tr元素的第乙個 

$("tr:last")                //選擇所有tr元素的最後乙個 

$("td:parent")          //選擇所有的以td為父節點的元素陣列 

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")

$("div span:first-child")          //返回所有的div元素的第乙個子節點的陣列 

$("div span:last-child")           //返回所有的div元素的最後乙個節點的陣列 

$("li:even")               //偶數；選擇所有的li元素的第0，2，4... ...個元素（注意：因為所選擇的多個元素時為陣列，所以序號是從0開始）

$("li:odd")                //奇數；選擇所有的li元素的第1，3，5... ...個元素 
$("li:eq(3)")             //等於；選擇所有的li元素中序號為3的那個td元素 
$("li:gt(2)")             //大於；選擇li元素中序號大於2的所有td元素 
$("li:lt(2)")              //小於；選擇li元素中序號小於2的所有的td元素 
$(":header")            //頭部；選擇h1、h2、h3之類的
$("div:animated")     //動畫；選擇正在執行動畫效果的元素

$(".ulname li:gt(3):not(:last)"); //選擇第三個li後面的所有 不包括最後乙個

$("input:not(:checked)")

2. 常用幾個符號

> 後面

* 所有

=  等於

!=   不等於

^=   以...開頭

$=    以...結尾

*=   包含...

$("#demo > *")   //

選擇所有子元素

$("#demo ~ div")       同胞選擇器，該選擇器返回的為id為demo的標籤元素的所有的屬於同乙個父元素的div標籤

3.find

$(this).find("span") // 選擇後面的span

.css("background","#f4f4f4") //修改css
.text("helloworld"); // 修改內容

4.顯示類

$("#id").is(':visible');            //

true 為顯示 false 為隱藏
$("#id").is(":hidden");

$(":disabled")            //選擇所有的不可操作的表單元素 

$(":checked")            //選擇所有的被checked的表單元素 

5.內容過濾選擇器

$(".ulname li")

.filter(":contains('hello'),:contains('world') // 選擇li種包含 hello和world
.addclass("classname"); //新增class

$("td:empty")           //選擇所有的為空（也不包括文字節點）的td元素的陣列 

$("div:has(p)")        //選擇所有含有p標籤的div元素

jquery 常用選擇器

myelement 選擇id值等於myelement的元素，id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素，可以運用多種的選擇方...

jQuery常用選擇器

1.所有的函式大體分為四組 1 dom操作函式 2 事件處理函式 3 動畫函式 4 ajax操作 2.jquery函式的特性 1 幾乎所有的函式都自帶迴圈功能，可以對選中的元素進行遍歷 2 幾乎所有的函式都返回jquery物件本身，可以實現方法的鏈式呼叫 3 jquery物件轉換為dom物件 div...

jquery 常用選擇器

層次選擇器 div p 選取div下的所有的p元素 div p css border 1px solid red 只選取div下的直接子元素 相鄰的元素 divp cs s b orde r 1pxs olid red 與 div nextall p 等價 表示div後面的 所有p兄弟元素 div ...