在使用jQuery時(shí),經(jīng)常需要給元素設(shè)置默認(rèn)狀態(tài)。對(duì)于列表項(xiàng)來說,我們經(jīng)常需要設(shè)置默認(rèn)選中的項(xiàng)。下面是一段示例代碼:
<ul id="myList"> <li>項(xiàng)1</li> <li>項(xiàng)2</li> <li>項(xiàng)3</li> <li>項(xiàng)4</li> </ul> <script> $(document).ready(function() { $("#myList li:first-child").addClass("selected"); }); </script>
在上面的代碼中,我們首先通過id選擇器獲取了一個(gè)ul元素,然后使用jQuery的:first-child選擇器選中了這個(gè)列表的第一個(gè)子項(xiàng),最后調(diào)用addClass方法將該項(xiàng)的類設(shè)置為selected,從而使其默認(rèn)被選中。
當(dāng)然,如果我們想要設(shè)置一個(gè)特定的項(xiàng)為默認(rèn)選中,可以使用其他選擇器來指定。比如,如果我們想讓第三個(gè)子項(xiàng)默認(rèn)被選中,可以這樣寫:
$("#myList li:nth-child(3)").addClass("selected");
上面的代碼使用了:nth-child選擇器來選中第三個(gè)子項(xiàng),然后再將其設(shè)置為默認(rèn)選中。
總之,使用jQuery設(shè)置默認(rèn)選中列表項(xiàng)非常簡(jiǎn)單,只需要使用適當(dāng)?shù)倪x擇器和addClass方法即可。