jQuery 基础教程

jQuery 效果

jQuery 操作方法

jQuery 遍历

jQuery Ajax

jQuery 杂项

jQuery Referenzhandbuch

jQuery Ereignisse jQuery Selektoren

jQuery :nth-child() 选择器

jQuer Selektoren

：nth-child(n）选择器选择所有属于其父元素的第n个子元素的元素。

使用：nth-of-type()选择器选择所有属于其父元素的特定类型的第n个子元素的所有元素。

语法：

$(:nth-child(number|An+B|odd|even)")

实例

选择作为其父级的第三个子级的每个<p>元素：

Beispiel

$("document").ready(function(){
　　$("p:nth-child(3")").css("background", "coral");
});

Testen Sie es heraus‹/›

奇数和偶数关键字用于匹配索引为奇数或偶数的子元素：

Beispiel

$("document").ready(function(){
　　$("p:nth-child(even)").css("background", "coral");
　　$("li:nth-child(odd)").css("background", "coral");
});

Testen Sie es heraus‹/›

Verwenden Sie das Gleichungssystem (An + B）。Erklärung:Astellt eine Größenfolge dar,nist ein Zähler (beginnend bei 0), währendBist ein Verschiebungsparameter:

Beispiel

$("document").ready(function(){
　　$("p:nth-child(4n　+　1")").css("background", "coral");
　　$("li:nth-child(3n)").css("background", "coral");
});

Testen Sie es heraus‹/›

Parameterwert

Parameter	Beschreibung
number	Index jedes zu matchenden Kindes (von1Beginn）
odd	Wählen Sie jeden ungeraden Unterlement aus
even	Wählen Sie jeden zweiten Unterlement aus
An+B	Bestimmen Sie das Unterlement, das ausgewählt werden soll Beispiel: p: nth-child(3n + 2）von dem zweiten Unterlement an jede dritte auswählen

jQuer Selektoren

jQuery Ereignisse jQuery Selektoren