jQuery選擇器是一個非常強大和靈活的工具,可以幫助開發者更快速、更簡潔地選取DOM元素。其中,nth選擇器在jQuery選擇器中也是非常常見的一種,可以用來選擇指定位置的元素。
$( "p:nth-child(2)" ).css( "color", "red" );
上面這行代碼意思是選擇第二個p元素,并將其顏色設置成紅色。注意其中的"nth-child(2)"表示選擇第二個子元素,而且這個選擇器會匹配到所有的p元素的第二個子元素,而不是只匹配第二個p元素。如果要只匹配第二個p元素,應該使用"nth-of-type"選擇器。
$( "p:nth-of-type(2)" ).css( "color", "red" );
上面這行代碼的意思是只匹配第二個p元素,并將其顏色設置成紅色。這個選擇器會根據元素的類型選取第二個匹配的元素。
此外,在nth選擇器中還可以使用odd和even來選擇奇數和偶數元素,用法如下:
$( "p:odd" ).css( "color", "red" ); $( "p:even" ).css( "color", "blue" );
上面這幾行代碼中,第一行會選擇所有的奇數p元素,并將它們的顏色設置成紅色,第二行會選擇所有的偶數p元素,并將它們的顏色設置成藍色。
上一篇jquery選擇器運用
下一篇jquery選擇某列表格