jquery是一個(gè)極為強(qiáng)大的JS庫，它的出現(xiàn)讓JavaScript變得更加容易上手。其中div點(diǎn)擊事件的應(yīng)用是非常廣泛的。

// 簡單的div點(diǎn)擊事件
$("div").click(function(){
$(this).hide();
});

上述代碼的意思是當(dāng)頁面中的div元素被點(diǎn)擊時(shí)，它將被隱藏。通過jquery的選擇器，我們可以很容易地對dom元素進(jìn)行操作。此外，我們也可以在事件函數(shù)中添加更多的操作。

// div點(diǎn)擊事件，同時(shí)添加背景色變化
$("div").click(function(){
$(this).hide();
var color = $(this).css("background-color");
if(color === "red") {
$(this).css("background-color", "yellow");
} else {
$(this).css("background-color", "red");
}
});

上述代碼在隱藏div元素的同時(shí)，還會改變它的背景色。當(dāng)div原本的背景色為紅色時(shí)，點(diǎn)擊后會變?yōu)辄S色；反之則會變?yōu)榧t色。通過jquery，我們可以非常方便地實(shí)現(xiàn)用戶交互效果，為網(wǎng)頁增加更多的活力。