jQuery選擇器簡單應用

2021-06-14 11:27:10 字數 1087 閱讀 1744

用js寫一些例如全選、反選等功能的時候，會感覺**相當的多，而如果用jquery選擇器的話就會相當的簡潔了

需要注意的是：

$(":button:eq(0)").click(function());


$(":button:eq(1)").click(function());


$(":button:eq(2)").click(function());
在ie8經過測試上面這段js**可以執行，但在firefox上面執行就有問題，檢視了一下官網上面的說明，發現如果是checkbox會比較特殊，需要呼叫prop()來設定。

1

2

3

4

5

6

7

8

9 

// correct if changing the attribute is desired


$(elem).attr("checked", "checked");


// correct for checking the checkbox


$(elem).prop("checked", true);




// correct if removing the attribute is desired


$(elem).removeattr("checked");


// correct for clearing the checkbox


$(elem).prop("checked", false);

由於這裡不能直接寫入js**，都被遮蔽了，所以只插入了乙個沒效果的多選錶。

右擊滑鼠另存為就行了

另外可以上jquery的官網上面去看

Jquery 選擇器 簡單的選擇器

1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last，eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...

jQuery選擇器及應用

根據id獲取 div 根據標籤的名字獲取 di 根據類樣式的名字獲取 div 標籤加類選擇器 nihao li.dv 層次選擇器 獲取所有的li標籤 function 6.過濾選擇器 wrap li odd css background red 設定li奇數行的樣式 wrap li even css...

jQuery 簡單選擇器

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 li first 第乙個li li last 最後乙個li li even 挑選下標為偶數的li li odd 挑選下標為奇數的li li eq 4 下標等於 4 的li...