jQuery是一種腳本語言,可以輕松地在網頁中操作HTML元素。其中一個非常有用的功能是通過jQuery選擇器選中元素,并使用div()方法為它們分配CSS樣式。
$(document).ready(function() {
// 選擇所有class為box的div元素
$("div.box").css({
"background-color": "#f8f8f8",
"padding": "10px",
"border": "1px solid #ccc"
});
});
上述代碼的意思是,當HTML文檔準備好后,選擇所有class為“box”的div元素,并將它們的背景顏色設置為#f8f8f8,添加10像素的內邊距以及1像素的邊框。
我們也可以針對一個特定的元素ID來賦予CSS樣式:
$(document).ready(function() {
// 選擇ID為"myDiv"的div元素
$("#myDiv").css({
"background-color": "#FFF",
"padding": "15px",
"border": "2px dotted #999"
});
});
這個例子是為ID為“myDiv”的元素設置CSS樣式,它的背景顏色設為白色,內邊距設為15px,邊框為2像素的虛線框。
CSS是網頁設計中非常重要和有用的工具。借助于jQuery,我們能夠輕松地為網頁元素分配CSS樣式來使網頁更加優雅有序。