jQuery是一個非常流行的JavaScript庫,它提供了許多簡化JavaScript編程的方便函數(shù)和工具。其中一個最常用的功能是使用jQuery設(shè)置CSS
$(document).ready(function(){ // 選擇元素并設(shè)置CSS $("p").css("color", "red"); // 選擇多個元素并設(shè)置CSS $("h1, h2, h3").css("font-size", "22px"); // 設(shè)置多個CSS屬性 $("div").css({ "background-color": "yellow", "font-size": "16px", "padding": "10px" }); });
在上面的代碼中,我們使用jQuery的ready()
方法來確保頁面DOM已經(jīng)加載完畢。然后,我們通過選擇器選擇元素并使用css()
方法設(shè)置CSS屬性。可以使用單個CSS屬性名稱和值設(shè)置一個屬性,也可以使用對象設(shè)置多個屬性。
jQuery還提供了其他一些有用的CSS方法,例如addClass()
和removeClass()
,它們可以添加或刪除類以修改元素的樣式,以及toggleClass()
,它可以在兩種樣式之間切換。
總的來說,jQuery提供了一種簡單而強大的方式來設(shè)置CSS,使得Web開發(fā)更加高效和便捷。