jquery基本使用方法
下載jquery庫
## jquery用的是 $付號語法(jquery)別稱
jquery對象和DOM對象
$("div"); //獲取對象
jquery不能使用原生DOM獲取過來的方法。
jquery與JSDOM原生 相互轉換
$("選擇器") //里面選擇器直接寫CSS選擇器即可,但是要加引號
```
id選擇器 $("#id") 獲取指定ID元素
全選擇器 $(*) 匹配所有元素
類選擇器 $(".class") 獲取同一類class的元素
標簽選擇器 $("div") 獲取同一類標簽所有元素
并集選擇器 $("div,p,li") 選取多個元素
交集選擇器 $("li.current") 交集元素
```
```
子代選擇器$("ul>li") 使用 >號,獲取兒子層級的:注意不會獲取孫子層級的元素
后代選擇器 $("ul li") 使用空格,代表后代選擇器,獲取ul下的所有li元素,包括孫子等。
```
```
隱式迭代(重要)
$("div").css("background","red")
所有DIV的元素加背景顏色紅色
```
```
$(".bos").css("fontSize","20px");//給CSS屬性值為bos的設置字號
```
- JQuery選擇器
- 基本過濾選擇器
- 內容過濾器
- 可見性過濾器
- is篩選
- 屬性選擇器
- DOM查找
- JQuery 獨有選擇器(馬士兵)
- JQ操作CSS屬性常用寫法
- attr("")獲取標簽屬性值
- html方法與val方法操作表單文本
- 動畫特效
- 添加與刪除類名addClass()與removeClass()
- 查詢索引與遍歷index() each()
- 選擇獲取父級元素parent()
- 函數上下文$(this)
- 選擇器獲取兄弟級別元素siblings()
- 選擇器獲取子集元素children()
- animate 動畫函數
- animate 動畫函數解決積累問題stop(true)
- 獲取節點數據的width與height方法
- next()獲取匹配節點的下一個節點
- nextAll()獲取到匹配的節點,后面全部的姊妹節點
- prev()方法獲取某一個節點的前一個姐妹元素
- prevALL()方法獲取某一個節點的前所有的姐妹元素
- jquery中文官方網站