JQuery 獨有選擇器
概述:jQuery函數庫支持我們曾經學過全部選擇器【通配符選擇器,標簽選擇器,id選擇器,class選擇器】
但是jQuery框架給我們提供一些CSS拓展選擇器【jquery獨有的】
第一個:
## :first 和:last
概述:這個兩個選擇器,是JQ框架中獨有的,他們兩個選擇器主要作用是,可以匹配第一個或者最后一個元素。
語法:
```
$("li:first").css("color","red");
$("li:last").css("color","red");
```
語法格式:
```
$(h1:first)
```
第二個:
## :odd和:even
概述:這兩者也是jq獨有選擇器,可以獲取奇數和偶數索引值節點
語法:
```
$("li:odd").css("color","red");
$("li:even").css("color","Blue");
```
第三個:
## :gt(index)與:lt(index)
概述:他們兩者也是JQ獨有選擇器,主要的作用是可以獲取匹配節點
###
### :gt為大于選擇器 :lt為小于選擇器
語法:
```
$("li:gt(3)").css("color","red"); //大于選擇器
$("li:lt(3)").css("color","blue"); //小于選擇器
```
第四個:
## eq(index)
概述:它也是JQ獨有選擇器,主要作用是獲取匹配節點,某一個準確索引值節點。
```
$("li:eq(4)").css("color","red"); //第四個顏色
```
- 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中文官方網站