在網頁開發中,經常需要操作列表元素。而使用jQuery可以非常便捷地選中ul中的li元素。
$(function(){ // 選中ul中的第一個li元素 $('ul li:first').addClass('selected'); // 選中ul中的所有li元素 $('ul li').addClass('selected'); // 選中ul中的最后一個li元素 $('ul li:last').addClass('selected'); });
上述代碼中,使用了選擇器來選中所需的列表元素。其中:first、:last選擇器選中了第一個和最后一個元素,而沒有選擇器則會選中所有元素。
在選中了所需的元素后,我們可以進一步對它們進行操作,比如添加、移除或修改class屬性、修改內容等。這樣就可以輕松實現動態的列表效果。
上一篇css底層基本知識