鋒利的jQuery 要點(diǎn)歸納（一） jQuery選擇器

2024-05-06 14:10:55

字體：大中小

供稿：網(wǎng)友

1 基本選擇器

$(#id)
   根據(jù)給定的id匹配一個(gè)元素
$(.class)
   根據(jù)給定的類名匹配元素
$(element)
   根據(jù)給定的元素名匹配元素
$(*)
   匹配所有元素
$(selector1,selector2,...,selectorN)
   將每一個(gè)選擇器匹配到的元素合并后一起返回

2 層次選擇器

$("ancestor descendant")
   選取ancestor元素里的所有descendant（后代）元素
$("parent > child")
   只選取parent元素下的child（子層級(jí)）元素，與$("ancestor descendant")有區(qū)別，前者選擇所有后代元素（含且不限于子層級(jí)）
$('prev + next')
   選取緊接在prev元素后的next元素
$('prev ~ siblings')
   選取prev元素之后的next元素

3 過(guò)濾選擇器

3.1 基本過(guò)濾選擇器

$("selector:first")
   選取第一個(gè)元素
$("selector:last")
   選取最后一個(gè)元素
$("selector:not(selector2)")
   去除所有與給定選擇器匹配的元素
$("selector:even")
   選取索引是偶數(shù)的所有元素，索引從0開(kāi)始
$("selector:odd")
   選取索引是奇數(shù)的所有元素，索引從0開(kāi)始
$("selector:eq(index)")
   選取索引等于index的元素，index從0開(kāi)始
$("selector:gt(index)")
   選取索引大于index的元素，index從0開(kāi)始
$("selector:lt(index)")
   選取索引小于index的元素，index從0開(kāi)始
$(":header")
   選取所有的標(biāo)題元素，如h1,h2,h3等等
$(":animated")
   選取當(dāng)前正在執(zhí)行動(dòng)畫(huà)的所有元素

3.2 內(nèi)容過(guò)濾選擇器

$(":contains(text)")
   選取含有文本內(nèi)容為"text"的元素
$(":empty")
   選取不包含子元素或者文本的空元素
$(":has(selector2)")
   選取含有選擇器所匹配的元素的元素
$(":parent")
   選取含有子元素或者文本的元素

3.3 可見(jiàn)性過(guò)濾選擇器

$(":hidden")
   選取所有不可見(jiàn)的元素
$(":visible")
   選取所有可見(jiàn)的元素

3.4 屬性過(guò)濾選擇器

$("selector[attribute]")
   選取擁有此屬性的元素
$("selector[attribute=value]")
   選取屬性的值為value的元素
$("selector[attribute!=value]")
   選取屬性的值不等于value的元素
$("selector[attribute^=value]")
   選取屬性的值以value開(kāi)始的元素
$("selector[attribute$=value]")
   選取屬性的值以value結(jié)束的元素
$("selector[attribute*=value]")
   選取屬性的值含有value的元素
$("selector[selector2][selectorN]")

上一篇：Jquery Ajax學(xué)習(xí)實(shí)例7 Ajax所有過(guò)程事件分析示例

下一篇：對(duì) lightbox JS 圖片控件進(jìn)行了一下改造, 使其他支持復(fù)雜的圖片說(shuō)