JQuery,選擇器/過濾器/效能最佳化

1. 瀏覽器簡介：

1. #jquery物件是類別數組對象，類別數組有length長度，並且可以通過索引訪問，類別數組物件如果不手動添加，不可用數組物件的方法。

2. 陣列添加元素length會自動成長，類別陣列不會。

3. 類別陣列透過slice方法可以轉換成陣列:

Array.prototype.slice.call(a);

1. #

2. JQuery基本選擇器：

ID選擇器
類別選擇器
後位選擇器

1. #a[href!="http://www.baidu.com"]，jquery新增方法，選取所有不等於百度網址的元素。

• #JQuery篩選器/篩選器：
lang(language) ：選擇指定語言的元素
not(selector) ：選擇所有不是指定元素的元素
#root ：選擇所有文件的根源為
target # 勾選頁面中的識別碼 1 ：選取不可見元素，不包含opacity，不包含hidden的元素，不包括又佔位置有不顯示的元素
visible ：與與headhidden一起相反

• #er#er#er#er# ：選取標題類別元素

• animated ：選取所有正在執行動畫效果的元素

• ##:empty 為空的元素

• ：contains(text) ：選擇篩選文字的元素

##：has(selector) ：例如選取p:has (span)
：parent ：選擇父元素

• :first-child

• :last-child

• first-of-type ： 選擇第一個相同類型的：li:first-of-type

• #last-of-type

• nth-child() ：從1開始計數

• #nth-last-child()

• nth-of-type()

#nth-last-of-type()
only-child
only-of-type

• #:checked ：選擇處於選取狀態的

• :disabled ：選取停用

• :enabled ：除了停用的都能選取

• #: focus ：一般不直接用，等待表單載入完之後才用

• :button ：不光選中button,也會選中type為button的

• :checkbox ：選取所有多重選取方塊

• :file ：選取檔案輸入方塊

• ##: 元素

• :input ：選取所有的form元素

• :password

• :radio word

• :radio 選中單選框

• :selected ：選中所有選中狀態

• :submit ：選取type是submit，某些瀏覽器也會選擇 button

• :text
#:first
#:last

• ##:even

• :odd

1. :eq(n) ： 等於n

2. :gt(n) ：大於n

3. :lt(n) ：小於n

4. ##地點篩選器：

5. 表單篩選器

   #########子元素篩選器#############內容篩選器###########其他篩選器###

6. 自訂選擇器

1. JQuery選擇器的效能最佳化：

1. 盡量使用CSS中有的選擇器

2. 避免過度約束

3. #盡量以ID開頭

4. 讓選擇器的右邊有更多特徵

5. 避免使用全域選擇器

6. #快取選擇器結果

以上是JQuery,選擇器/過濾器/效能最佳化的詳細內容。更多資訊請關注PHP中文網其他相關文章！