4. 選擇器：篩選具有相似特徵的元素(標籤)

        1. 基本操作學習：
            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");

2. 分類
          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 獲得下拉框選中的元素