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