jquerynth-child用於選擇作為其父級的ntg-child的所有元素。 nth-child（n）是「 1索引」的，表示「 n」的計數從1開始。
例如，
1.$（'tr：nth-child（3）'）–選擇與匹配的所有元素，它們是其父級的第三個孩子。
2.$（'tr：nth-child（3n）'）–選擇與匹配的所有元素，它們是其父級的第三個孩子。
3.$（'tr：nth-child（even）'）–選擇所有與匹配的元素，它們是其父元素的偶數子元素。
ps「偶數」和「奇數」始終用於建立**斑馬條紋效果 。
乙個簡單的示例演示使用nth-child函式動態更改錶行背景色。
row #1
row #2
row #3
row #4
row #5
row #6
row #7
row #8
row #9
row #10
:nth-child(4)
:nth-child(3n)
:nth-child(even)
:nth-child(odd)
試試演示
標籤： jquery
jquery選擇器
翻譯自:
jQuery 非選擇器示例
在jquery中，not 用於選擇與選擇器不匹配的所有元素。例子 p not class p1 選擇與匹配的所有不具有 class p1 類名稱的元素。li not only child 選擇與匹配的，不是其父代唯一子代的所有元素。li not first child 選擇與匹配的，不是其父級的第乙...
jQuery 子選擇器示例
jquery子選擇器 x y 用於選擇與 y 匹配的所有 x 元素的子元素。例如，在此示例中，僅 文字框1 和 文字框4 將是匹配的 表單元素的子元素 文字框2 孫子 和 文字框3 大孫子 將不匹配。i m form siblings 1 div i m form siblings 2 p i m ...
jQuery 後代選擇器示例
jquery下降器選擇器 xy 用於選擇與 y 匹配的所有元素，這些元素是 x 元素的子代，孫代，曾孫代，曾曾孫。例如，在此示例中，它使用jquery後代選擇器為所有屬於i m form siblings 1 div i m form siblings 2 p i m form siblings 3...