jQuery--物件建立及選擇器的使用
阿新 • • 發佈：2018-12-21
一.jQuery物件建立
1.jQuery所有函式或者屬性必須通過jQuery物件去呼叫
建立jQuery物件的方法：
例如：上方在body中定義了一個id為wrap的div標籤
建立物件的方法為：$(“wrap”)
2.具體寫法為：
| 寫法 | 介紹 | 返回值 |
| jQuery([selector,[context]]) | 這個函式接收一個包含 CSS 選擇器的字串，然後用這個字串去匹配一組元素。 | 返回值為陣列 |
(1)基本選擇器
| 型別 | jQuery程式碼 |
| #id | 查詢 ID 為"myDiv"的元素。 $("#myDiv"); |
| .class | 查詢所有類是 "myClass" 的元素. $(".myClass"); |
| element | 查詢所有的 DIV 元素。 $("div"); |
| * | 匹配所有元素 多用於結合上下文來搜尋。 例項： 找到每一個元素 $("*"); |
| selector1,selector2,selectorN | 每一個選擇器匹配到的元素合併後一起返回 找到匹配任意一個類的元素。 $("div,span,p.myClass") |
(2)層級選擇器
| 型別 | 概述 | jQuery程式碼 |
| ancestor descendant | 在給定的祖先元素下匹配所有的後代元素 | 找到表單中所有的 input 元素 $("form input") |
| parent > child | 在給定的父元素下匹配所有的子元素 | 匹配表單中所有的子級input元素。 $("form > input") |
| prev + next | 匹配所有緊接在 prev 元素後的 next 元素 | 匹配所有跟在 label 後面的 input 元素 $("label + input") |
| prev ~ siblings | 匹配 prev 元素之後的所有同輩 siblings 元素 | 找到 form 元素的所有同輩 input 元素 $("form ~ input") |
| 型別 | 概述 | jQuery程式碼 |
| :first | 獲取第一個元素 | 獲取匹配的第一個元素 $('li:first'); |
| :not(selector) | 去除所有與給定選擇器匹配的元素 在jQuery 1.3中，已經支援複雜選擇器了（例如:not(div a) 和 :not(div,a)） | 查詢所有未選中的 input 元素 $("input:not(:checked)") |