在使用jQuery時,經常需要選擇一個無序列表(ul)中的列表項(li)單獨進行操作,這就需要用到jQuery選擇器。
<ul id="myList"> <li>第一項</li> <li>第二項</li> <li>第三項</li> </ul>
以上是一個簡單的無序列表,我們可以使用以下代碼選擇其中的某一項:
//選擇第一項 $("#myList li:first") //選擇最后一項 $("#myList li:last") //選擇第二項 $("#myList li:eq(1)") //選擇奇數項 $("#myList li:odd") //選擇偶數項 $("#myList li:even")
在選擇其中一項之后,我們可以進行各種操作:
//改變文字顏色 $("#myList li:eq(0)").css("color", "red") //隱藏某一項 $("#myList li:eq(1)").hide() //添加一個新項 $("#myList").append("<li>新項</li>")
以上是一些基本的使用,你可以根據需要進行更多的選擇和操作。
上一篇jquery選取文本節點
下一篇css應用于html