jQuery基礎 選擇器

2021-07-25 09:00:50 字數 672 閱讀 8958

1、#id 返回值單個元素的組成的集合

$(「#myid」) ——說明:就是選擇html中的id=」myid」;

2、element 返回值集合元素

$(「div」)——說明:可以返回例如「div」、「input」、「a」等中的值

3、class 返回值 集合元素

$(「myclass」) ——說明:就是選擇html中的iclass=」myclass」

4、* 所有值

$(「*」) ——說明:這樣會將頁面中的所有選項都選中

5、並集 返回值 集合元素

$(「div,span,class」)——說明:指定多個選擇器,將匹配到的元素合併到一起

1、祖先 後代 返回值 集合元素

$(「form input」)——在給定的祖先元素下匹配所有後代元素

2、父母 子代 返回值 集合元素

$(「form >input」)——在給定的父元素下匹配所有子元素

3、相鄰元素 返回值 集合元素

$(「lable + input」)——匹配所有緊接在prev元素後的next元素

4、prev ~ siblings 之後的所有元素 返回值 集合元素

$(「form ~ input」)——匹配prev元素之後的所有siblings元素,並且siblings匹配的是和prev同輩的元素,其後輩元素不被匹配

Jquery 基礎 選擇器。

jquery選擇器繼承了css與path語言的部分語法,允許通過標籤,屬性名或者內容對dom元素進行快速,準確的選擇,而不必擔心瀏覽器的相容性。通過 selector 得到的物件,因為無論是對事件的處理 遍歷dom ajax,本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...

jQuery基礎 選擇器

選擇器 功能返回值 idid選擇器 單個元素 element 元素選擇器 元素集合 class 類選擇器 元素集合 匹配所有元素 元素集合 selector1,selector2 將每乙個選擇器匹配到的元素合併後一起返回 元素集合 選擇器功能 返回值ancestor descendant 根據祖先元...

jquery基礎選擇器

基礎選擇器 all selector 描述 選擇所有元素 語法 注意 實踐證明,由於使用 選擇器獲取的是全部元素,因此有些瀏覽器會比較緩慢,這個選擇器要謹慎使用 class selector class 類選擇器 描述 選擇給定樣式類名的所有元素 語法 class element selector ...