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   選中單選框

:reset            ：選中type是reset,

• :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中文網其他相關文章！