Jq基本選擇器
阿新 • • 發佈:2021-11-04
1.id選擇器
$(“#ids”)其中的ids是一個標籤的id值而$(“#ids”)就是滿足條件的那個標籤!
2.類選擇器
$(".myclass")其中的myclass就是class="myclass"的值,而$(".myclass")就是獲取類為myclass的所有標籤,有可能是一個標籤有可能是多個
3.元素選擇器
$("div") 就是選擇所有的div標籤。
4.萬用字元選擇器
$("*") 選擇頁面上的所有元素
5.逗號分隔
$("#ids",".myclass") 選擇id為ids 和 類為myclass的標籤
6.元素未選擇選擇器
$(":not(:checked)")
7.獲取第一個元素
$('li:first');
以下從 0 開始計數:
8.查詢元素中的奇數
$("tr:even")
9.查詢元素中的偶數
$("tr:odd")
10.查詢到第1個元素
$("tr:eq(0)")
11.查詢大於0的元素
$("tr:gt(0)")
12.查詢小於5的元素
$("tr:odd(6)")
13.對不在執行動畫效果的元素執行一個動畫特效
$("#run").click(function(){
$("div:not(:animated)").animate({ left: "+=20" }, 1000);
});
14.給頁面內所有標題加上背景色
$(":header").css("background", "#EEE");