JQuery是一種流行的JavaScript庫,它可以幫助開發者簡化JavaScript編程。它可以用來操作HTML、CSS和JavaScript。利用JQuery的css()
方法,可以動態地修改DOM對象的CSS樣式。
$(document).ready(function(){ $('p').css("color", "blue"); })
這段代碼適用于jQuery的$(document).ready()
方法,它可以確保在文檔加載完成之后執行代碼,在這個例子中,我們選擇所有的
元素,并將它們的顏色修改為藍色。
除此之外,css()
方法也支持傳入一個JavaScript對象:
$(document).ready(function(){ $('p').css({ "color": "red", "font-size": "16px" }); })
在這個例子中,我們給
元素設置了兩個樣式屬性–紅色和16px大小的字體。
同樣的方法也適用于單個元素:
$(document).ready(function(){ $('#myElement').css("background-color", "yellow"); })
在這個例子中,我們選擇了一個ID為"myElement"的元素,并將它的背景顏色修改為黃色。
總之,通過使用JQuery的css()
方法,可以在非常方便的使用JavaScript代碼來操縱CSS樣式。