jQuery是一種流行的JavaScript庫,它可以輕松地操作HTML和CSS,使得前端開發(fā)變得更加簡單和快速。其中一個實(shí)用的功能就是class屬性添加。
$(document).ready(function(){ $("button").click(function(){ $("p").addClass("highlight"); }); });
代碼解釋:
$(document).ready(function(){…});
代碼塊首先定義了當(dāng)文檔加載完畢時執(zhí)行的函數(shù)。$("button").click(function(){…});
該行代碼設(shè)置一個單擊事件,當(dāng)頁面上的按鈕被單擊時,將執(zhí)行一個匿名函數(shù)。$("p").addClass("highlight");
在單擊事件中,我們使用了jQuery選擇器檢索了所有的標(biāo)簽,并在它們上添加了一個CSS class,使它們的樣式變?yōu)橹付ǖ念悩邮健癶ighlight”。
除了添加class屬性,jQuery還提供了removeclass和toggleclass方法,用于刪除和切換class屬性。這些方法使開發(fā)者能夠更加方便地修改元素的樣式。