jQuery Tips(5)之關于偽類選擇符
來源:程序員人生 發布時間:2014-04-18 18:05:07 閱讀次數:3012次
文章導讀:
JQuery Tips(4)一些關于提高JQuery性能的Tips
JQuery Tips(3)-關于$()包裝集內元素的改變
JQuery Tips(2)-關于$()包裝集你不知道的
JQuery Tips(1)-關于$.Ready()
jQuery選擇器的強大不僅在于選擇器支持基本的css選擇符,還支持很多CSS的偽類選擇符,甚至可以自定義選擇符,下面讓我們來看看一些偽類選擇符
:nth-child的用法
nth-child是一個css3偽類選擇符,在jQuery中被實現了,在Jquery API中對nth-child的定義是:”匹配其父元素下的第N個子或奇偶元素“。讀著感覺有點繞口,下面讓我們通過例子來說明:
<div>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
<script type="text/javascript">
$("li:nth-child(2)").css("background-color", "blue");
</script>
運行效果如下:
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈