鋒利的jQuery 要點歸納（一） jQuery選擇器
2024-05-06 14:10:55
供稿：網友
1 基本選擇器
$(#id)
根據給定的id匹配一個元素
$(.class)
根據給定的類名匹配元素
$(element)
根據給定的元素名匹配元素
$(*)
匹配所有元素
$(selector1,selector2,...,selectorN)
將每一個選擇器匹配到的元素合并后一起返回
2 層次選擇器
$("ancestor descendant")
選取ancestor元素里的所有descendant（后代）元素
$("parent > child")
只選取parent元素下的child（子層級）元素，與$("ancestor descendant")有區別，前者選擇所有后代元素（含且不限于子層級）
$('prev + next')
選取緊接在prev元素后的next元素
$('prev ~ siblings')
選取prev元素之后的next元素
3 過濾選擇器
3.1 基本過濾選擇器
$("selector:first")
選取第一個元素
$("selector:last")
選取最后一個元素
$("selector:not(selector2)")
去除所有與給定選擇器匹配的元素
$("selector:even")
選取索引是偶數的所有元素，索引從0開始
$("selector:odd")
選取索引是奇數的所有元素，索引從0開始
$("selector:eq(index)")
選取索引等于index的元素，index從0開始
$("selector:gt(index)")
選取索引大于index的元素，index從0開始
$("selector:lt(index)")
選取索引小于index的元素，index從0開始
$(":header")
選取所有的標題元素，如h1,h2,h3等等
$(":animated")
選取當前正在執行動畫的所有元素
3.2 內容過濾選擇器
$(":contains(text)")
選取含有文本內容為"text"的元素
$(":empty")
選取不包含子元素或者文本的空元素
$(":has(selector2)")
選取含有選擇器所匹配的元素的元素
$(":parent")
選取含有子元素或者文本的元素
3.3 可見性過濾選擇器
$(":hidden")
選取所有不可見的元素
$(":visible")
選取所有可見的元素
3.4 屬性過濾選擇器
$("selector[attribute]")
選取擁有此屬性的元素
$("selector[attribute=value]")
選取屬性的值為value的元素
$("selector[attribute!=value]")
選取屬性的值不等于value的元素
$("selector[attribute^=value]")
選取屬性的值以value開始的元素
$("selector[attribute$=value]")
選取屬性的值以value結束的元素
$("selector[attribute*=value]")
選取屬性的值含有value的元素
$("selector[selector2][selectorN]")
