jquery層次選取器

標籤：strong   div   re   c   ar   jquery   

基本選取器

　　$(‘#id‘)——匹配所有#id

　　$(‘p‘)——匹配所有的p標籤

　　$(‘.class‘)——匹配所有.class

　　$(‘*‘)——$(‘#id *‘)匹配#id下所有的子節點

　　$(‘#id,.class‘)——匹配所有#id以及.class

 

層次選取器

父子層次

　　$(‘#parent   .span1‘)——匹配parent下子節點中所有的class屬性為span1的（匹配所有派生子節點中的span1）

　　$(‘#parent > p‘)——匹配parent下子節點中所有的p標籤（只匹配兒子節點的p，孫子節點的p不會被匹配）

兄弟層次

　　$(‘pre + next‘) ——匹配緊挨著pre的next節點（沒有挨著pre的節點不會被匹配到）

　　$(‘pre ~ next‘)——匹配pre後面所有的所有next（只要是在pre後面的next都會被匹配到）

 

過濾選取器（冒號前後不能有空格）

簡單過濾

　　$(‘li:first‘)——匹配第一個li標籤

　　$(‘li:last‘)——匹配最後li標籤

　　$(‘#id p:not(#np)‘)——匹配#id下子節點所有id不為np的p標籤

　　$(‘li:odd‘)——第奇數個li（索引從0開始）

　　$(‘li:even‘)——第偶數個li（索引從0開始）

　　$(‘li:eq(0)‘)——第0個li（索引從0開始）

　　$(‘li:gt(0)‘)——第0+1個li（索引從0開始）

　　$(‘li:lt(1)‘)——第1-1個li（索引從0開始）

　　$(‘.h:header‘)——匹配所有.h中的標題標籤，例如（h1，h2...）

內容過濾

　　$(‘div:contains("contains")‘)——會匹配到所有內容中包含contains的div，多重div嵌套的也會匹配到外層div