JQuery是一款優(yōu)秀的JavaScript庫(kù)，許多人認(rèn)為它是JavaScript的擴(kuò)展。在jQuery中，動(dòng)態(tài)添加css屬性值是一項(xiàng)非常有用的技能。在下面的例子中，我們將介紹如何使用jQuery動(dòng)態(tài)添加css屬性值。

$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color", "yellow");
});
});

在這個(gè)例子中，我們有一個(gè)按鈕和一些段落元素。當(dāng)按鈕被點(diǎn)擊時(shí)，我們使用jQuery的css函數(shù)動(dòng)態(tài)地將背景顏色設(shè)置為黃色。

這是如何做到的：

$("p").css("background-color", "yellow");

在這行代碼中，我們選擇了所有的段落元素，并使用jQuery的css函數(shù)來(lái)設(shè)置背景顏色為黃色。我們還可以使用jQuery的動(dòng)畫效果使背景色變化更加平滑。

下面是一個(gè)帶有動(dòng)畫效果的例子：

$(document).ready(function(){
$("button").click(function(){
$("p").animate({
backgroundColor: "yellow",
}, 1000);
});
});

在這個(gè)例子中，我們添加了一個(gè)animate函數(shù)。在動(dòng)畫中，我們使用了一個(gè)對(duì)象，其中包含背景顏色屬性的初始值和最終值，以及動(dòng)畫持續(xù)時(shí)間（1000毫秒）。這將導(dǎo)致背景顏色在1000毫秒內(nèi)平滑地從其初始值漸變?yōu)辄S色。

通過(guò)使用jQuery的css函數(shù)和animate函數(shù)，我們可以輕松地動(dòng)態(tài)地添加css屬性值，從而使網(wǎng)頁(yè)更加動(dòng)態(tài)和有趣。