首頁 > web前端 > js教程 > jquery選擇器、屬性設定用法經驗總結_jquery

jquery選擇器、屬性設定用法經驗總結_jquery

WBOY
發布: 2016-05-16 17:23:16
原創
1378 人瀏覽過

本身是小白,應屆畢業生,以前沒用過jquery,最近做專案用到了jquery。在做的過程中走了很多彎路,不停的搜索。總結出了一些用法,供大家參考:

最基本的選擇器語法包括:id、class、標籤、屬性,這和css選擇器是一致的。

ID選擇器要在ID前加上#,例如要選擇一個ID為myDivID的div元素(

)可以這樣寫:
複製程式碼 程式碼如下:

$("#myDivID");


是不能重複的,所以ID選擇器選出來的是jquery物件。

class選擇器要在class前加點(.),例如要選擇一個class為myInputClass的input元素()可以這樣寫: 程式碼如下:


$(".myInputClass");


$(".myInputClass"); 複製程式碼


程式碼如下:


for(var i = 0; i
複製程式碼


程式碼如下:


$("p");

標籤選擇器選出來的也是一個陣列,選出所有的p標籤元素,也可以用上面的方法迭代出所有的元素。 屬性選擇器要在前面加方括號([]),例如要選擇含有name="xxName"的元素,可以這樣寫:
複製程式碼


程式碼如下:


$("[xxName]");

複製程式碼


程式碼如下:







jquery選擇器、屬性設定用法經驗總結_jquery




 
例如我們要選擇偶數個文字標籤,即​​:寫著even的文字方塊。我們可以這樣選擇: 先選取這個div,然後再選取p,然後再選取type=「text」的文字框,最後再選取偶數個位置:
複製程式碼


程式碼如下:
$("#attrValueTab p input[type='text']:even");
組合選擇在開發中是非常有用的。可以用下面這個方法來選取被勾選的button或是checkbox元素:
複製程式碼 程式碼如下:

$("input[name='avDefValue_input']:checked");
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板