jQuery是一個非常流行且使用廣泛的Javascript庫,它為Web開發帶來了很多便利。在進行網站開發時,我們常常需要實現一些視覺上的效果,比如“active”效果。就讓我們來看看如何使用jQuery來實現這個效果。
$(document).ready(function() { $("button").click(function() { $(this).addClass("active"); }); });
在這段代碼中,我們首先使用jQuery的$()函數來選中所有的button元素。然后我們通過使用click()函數來設置一個鼠標點擊事件。當用戶點擊了這個元素時,jQuery會給這個元素添加一個名為“active”的CSS類。
接下來,我們需要在CSS中定義這個類的樣式。在這里,我們給這個按鈕的背景色設置為深灰色,并且讓字體顏色變為白色。
.active { background-color: #333; color: #fff; }
現在我們已經成功地實現了“active”效果了!使用jQuery來添加這個效果,可以極大地減少我們的工作量。同時,由于jQuery具有良好的兼容性,我們不必擔心兼容性問題。