jQuery是一種快速、精簡且功能強大的JavaScript庫,它可以幫助我們以更簡潔的方式完成JavaScript編程,其中很重要的一個功能是改變頁面的元素屬性,比如改變div的顏色。
要改變div的顏色,我們首先需要先創建一個div,并為其設置一個id屬性,以便使用jQuery選擇器選中它。代碼如下:
<div id="mydiv">這是一個div</div>
現在我們來編寫jQuery代碼,使用click事件來監聽div的點擊事件,并在點擊時改變div的背景色。代碼如下:
$(document).ready(function(){ $("#mydiv").click(function(){ $(this).css("background-color", "red"); }); });
代碼解釋:
- $(document).ready()表示頁面加載完畢后執行的代碼
- $("#mydiv")表示選中id為mydiv的元素
- click()表示監聽元素點擊事件
- $(this)表示當前被點擊的元素
- $(this).css("background-color", "red")表示改變當前元素的背景色為紅色
現在,我們使用瀏覽器打開頁面并點擊div,發現div的背景色發生了變化,變成了紅色。這就是jQuery改變div的顏色的方法。
上一篇二段文字 并排 css