在使用jQuery開(kāi)發(fā)網(wǎng)頁(yè)時(shí),常常需要對(duì)列表中的li元素添加屬性。這時(shí)候我們可以使用jQuery提供的attr()方法來(lái)方便地實(shí)現(xiàn)。
$(document).ready(function(){ $("li").attr("class", "new-class"); });
上面的代碼中,我們選中了所有的li元素,并通過(guò)attr()方法將它們的class屬性設(shè)置為new-class。代碼執(zhí)行后,所有的li元素都會(huì)被添加上新的class屬性。
除了class屬性,我們還可以通過(guò)attr()方法來(lái)添加其他屬性。例如,我們可以添加title屬性:
$(document).ready(function(){ $("li").attr("title", "這是一個(gè)列表項(xiàng)"); });
上面的代碼中,我們給所有的li元素添加了title屬性,并將其值設(shè)置為“這是一個(gè)列表項(xiàng)”。這樣一來(lái),當(dāng)用戶將鼠標(biāo)懸停在列表項(xiàng)上時(shí),就會(huì)顯示出這個(gè)提示信息。
除了添加屬性,我們還可以使用removeAttr()方法來(lái)移除屬性。例如,我們可以移除li元素的title屬性:
$(document).ready(function(){ $("li").removeAttr("title"); });
上面的代碼會(huì)將所有l(wèi)i元素的title屬性移除,這樣一來(lái),鼠標(biāo)懸停在列表項(xiàng)上時(shí)就不會(huì)再顯示提示信息了。
總之,通過(guò)attr()和removeAttr()方法,我們可以輕松地為網(wǎng)頁(yè)中的元素添加或移除屬性,讓頁(yè)面更加豐富多彩。
下一篇aws vue