一、作用
篩選具有相似特徵的元素(標籤)
二、基本操作學習
1、事件繫結
//1.獲取b1按鈕 $("#b1").click(function(){ alert("abc"); });
2、入口函式
$(function () { });
window.onload 和 $(function) 區別
window.onload 只能定義一次,如果定義多次，後邊的會將前邊的覆蓋掉
$(function)可以定義多次的。
3、樣式控制：css方法
// $("#div1").css("background-color","red"); $("#div1").css("backgroundColor","pink");
三、分類
1、基本選擇器
1. 標籤選擇器（元素選擇器）
語法： $("html標籤名") 獲得所有匹配標籤名稱的元素
2. id選擇器
語法： $("#id的屬性值") 獲得與指定id屬性值匹配的元素
3. 類選擇器
語法： $(".class的屬性值") 獲得與指定的class屬性值匹配的元素
4. 並集選擇器：
語法： $("選擇器1,選擇器2....") 獲取多個選擇器選中的所有元素
2、層級選擇器
1. 後代選擇器
語法： $("A B ") 選擇A元素內部的所有B元素
2. 子選擇器
語法： $("A > B") 選擇A元素內部的所有B子元素
3、屬性選擇器
1. 屬性名稱選擇器
語法： $("A[屬性名]") 包含指定屬性的選擇器
2. 屬性選擇器
語法： $("A[屬性名='值']") 包含指定屬性等於指定值的選擇器
3. 複合屬性選擇器
語法： $("A[屬性名='值'][]...") 包含多個屬性條件的選擇器
4、過濾選擇器
1. 首元素選擇器
語法： :first 獲得選擇的元素中的第一個元素
2. 尾元素選擇器
語法： :last 獲得選擇的元素中的最後一個元素
3. 非元素選擇器
語法： :not(selector) 不包括指定內容的元素
4. 偶數選擇器
語法： :even 偶數，從 0 開始計數
5. 奇數選擇器
語法： :odd 奇數，從 0 開始計數
6. 等於索引選擇器
語法： :eq(index) 指定索引元素
7. 大於索引選擇器
語法： :gt(index) 大於指定索引元素
8. 小於索引選擇器
語法： :lt(index) 小於指定索引元素
9. 標題選擇器
語法： :header 獲得標題（h1~h6）元素，固定寫法
5、表單過濾選擇器
1. 可用元素選擇器
語法： :enabled 獲得可用元素
2. 不可用元素選擇器
語法： :disabled 獲得不可用元素
3. 選中選擇器
語法： :checked 獲得單選/核取方塊選中的元素
4. 選中選擇器
語法： :selected 獲得下拉框選中的元素