jQuery選擇器

ID選擇器 $(“#id”) 獲取指定ID的元素
類選擇器 $(“.class”) 獲取同一類class的元素
標籤選擇器 $(“div”) 獲取同一類標籤的所有元素
並集選擇器 $(“div,p,li”) 使用逗號分隔,只要符合條件之一就可。
交集選擇器 $(“div.redClass”) 獲取class爲redClass的div元素
子代選擇器 $(“ul>li”); 使用>號,獲取兒子層級的元素,注意,並不會獲取孫子層級的元素
後代選擇器 $(“ul li”); 使用空格,代表後代選擇器,獲取ul下的所有li元素,包括孫子等
:eq(index) $(“li:eq(2)”) 獲取到的li元素中,選擇索引號爲2的元素,索引號index從0開始。

:odd$(“li:odd”).css(“color”, ”red”); 獲取到的li元素中,選擇索引號爲奇數的元素

:even$(“li:even”).css(“color”, ”red”); 獲取到的li元素中,選擇索引號爲偶數的元素

children(selector)(ul).children(li)(“ul”).children(“li”) 相當於(“ul>li”),子類選擇器

find(selector)(ul).find(li);(“ul”).find(“li”); 相當於(“ul li”),後代選擇器

siblings(selector)$(“#first”).siblings(“li”) ;查找兄弟節點,不包括自己本身。

parent()$(“#first”).parent(); 查找父親

eq(index)(li).eq(2);(“li”).eq(2); 相當於(“li:eq(2)”),index從0開始

next()$(“li”).next() 找下一個兄弟

prev()$(“li”).prev() 找上一次兄弟

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章