JQuery selector

基礎:
 #id:根據對象的id屬性獲取對象。                                                         $('#first').html();
 element:匹配某一HTML標籤的所有對象                                               $('div').length
 .class:根據對象的class屬性獲取對象                                                    $('.red').length
 *:獲取所有的對象                                                                               $('*').length
 selector1, selector2, selectorN:獲取多個選擇符的合集,不剔出重複項   $('.red,#second,p').length

 


層級選擇符:
 ancestor descendant:這個選擇符就是空格,表示先找到第一個選擇符的所有對象,然後在他的子孫節點中找到所有符合第二個選擇符   的對象。
 parent > child:這個選擇符就是大於號,表示先找到第一個選擇符的所有對象,然後在他的子節點(不能是孫節點)中找到所有符合第二個選擇符的對象。
 prev + next:這個選擇符就是加號,表示先找到第一個選擇符的所有對象,然後找和他同級的緊跟着的下一個節點同時符合第二個選擇符的對象。
 prev ~ siblings:這個選擇符就是~號,表示先找到第一個選擇符的所有對象,然後找和他同級的以後所有節點裏面同時符合第二個選擇符的對象

 

 

基礎過濾符:
 :first:匹配多個對象中的第一個對象
 :last:匹配多個對象中的最後一個對象
 :not(selector):匹配去除了not後面選擇符中內容的項
 :even:匹配所有對象中的第偶數個
 :odd:匹配所有對象中的第奇數個
 :eq(index):匹配某一下表的單獨某元素
 :gt(index):匹配大於某一下標的所有元素
 :lt(index):匹配小於某一下標的所有元素
 :header:匹配所有的header元素,例如h1,h2,h3,h4,h5,h6
 :animated:匹配所有有動畫效果的元素

 

文本過濾符:
 :contains(text):匹配內部擁有該文本元素的對象,包含間接有用的情況
 :empty:匹配所有沒有子元素的對象
 :has(selector):匹配所有至少含有一個子選擇符的對象
 :parent:匹配所有的父對象,父對象包含那些只含有文本的對象


可見性過濾符:
 :hidden:匹配所有隱藏對象,或者input中的hidden類型
 :visible:匹配所有可見的對象

 

屬性過濾符:
 [attribute]:匹配擁有某一屬性的所有對象
 [attribute=value]:匹配擁有某一屬性和值的對象
 [attribute!=value]:匹配擁有某一屬性,且不是某一值的對象
 [attribute^=value]:匹配擁有某一屬性,且以某一值開頭的對象
 [attribute$=value]:匹配擁有某一屬性,且以某一值結尾的對象
 [attribute*=value]:匹配擁有某一屬性,且包含某一值的對象
 [selector1][selector2][selectorN]:匹配同時符合多個屬性選擇符的對象

 

 

子過濾符:
 :nth-child(index/even/odd/equation):匹配子元素中的某一下標/偶數/奇數/等式的對象,:eq(index)只能匹配某單一對象的子元素特徵,而這個方法可以匹配多個對象的某一子元素共同特徵
 :first-child:匹配第一個子元素
 :last-child:匹配最後一個子元素
 :only-child:如果一個父元素只有一個子元素,就匹配這個子元素

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章