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

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

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

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

）可以這樣寫:

複製程式碼 程式碼如下:

$("#myDivID");

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

class選擇器要在class前加點（.），例如要選擇一個class為myInputClass的input元素（）可以這樣寫：

複製程式碼

程式碼如下:

$(".myInputClass");

$(".myInputClass");

class是可以重複的，所以class選擇器選出來的可以是一類元素，即好多個元素，所以jquery選出來的是個數組，可以引用下標來選擇每個元素：比如

複製程式碼

程式碼如下:

for(var i = 0; i

這樣可以迭代出每個元素。 標籤選擇器直接寫標籤類型即可，例如要選擇段落p標籤（

）即可這樣寫：

複製程式碼

程式碼如下:

$("p");

標籤選擇器選出來的也是一個陣列，選出所有的p標籤元素，也可以用上面的方法迭代出所有的元素。 屬性選擇器要在前面加方括號（[]），例如要選擇含有name="xxName"的元素，可以這樣寫：

複製程式碼

程式碼如下:

$("[xxName]");

這樣來選擇，選擇出來的也是一個數組，因為name是可以重複的。 ID選擇器可以精確的選出一個元素來，但在開發中我們可能更多的要選擇出一組元素，怎樣才能精確的選擇出我們想要的元素呢，其實幾種選擇器是可以混合使用的：

複製程式碼

程式碼如下:

 

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

複製程式碼

程式碼如下:

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

複製程式碼 程式碼如下:

$("input[name='avDefValue_input']:checked");