在使用jQuery時(shí),經(jīng)常需要選擇一個(gè)無(wú)序列表(ul)中的列表項(xiàng)(li)單獨(dú)進(jìn)行操作,這就需要用到j(luò)Query選擇器。
<ul id="myList"> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> <li>第三項(xiàng)</li> </ul>
以上是一個(gè)簡(jiǎn)單的無(wú)序列表,我們可以使用以下代碼選擇其中的某一項(xiàng):
//選擇第一項(xiàng) $("#myList li:first") //選擇最后一項(xiàng) $("#myList li:last") //選擇第二項(xiàng) $("#myList li:eq(1)") //選擇奇數(shù)項(xiàng) $("#myList li:odd") //選擇偶數(shù)項(xiàng) $("#myList li:even")
在選擇其中一項(xiàng)之后,我們可以進(jìn)行各種操作:
//改變文字顏色 $("#myList li:eq(0)").css("color", "red") //隱藏某一項(xiàng) $("#myList li:eq(1)").hide() //添加一個(gè)新項(xiàng) $("#myList").append("<li>新項(xiàng)</li>")
以上是一些基本的使用,你可以根據(jù)需要進(jìn)行更多的選擇和操作。