jQuery是一款流行的JavaScript庫,它能夠在處理網頁樣式、動畫、事件等方面使編寫JavaScript代碼變得更加簡單和方便。
其中一個常見的操作是改變HTML元素特定的樣式,比如改變一個div的背景色。下面是一段jQuery代碼實現的例子:
$(document).ready(function(){ $("button").click(function(){ $("div").css("background-color", "red"); }); });
上述代碼會在文檔加載完成后,為頁面上所有的button元素添加一個點擊事件。當用戶點擊按鈕時,所有的div元素的背景色都會變成紅色。
上面的代碼中,$("button")用來選擇所有的button元素, .click() 方法給這些元素綁定一個點擊事件。$("div")則用于選擇所有的div元素,.css()
方法用來改變這些元素的背景色。
需要注意的是,上述的代碼只是改變了背景顏色這一個樣式屬性。如果要改變其他屬性,只需要修改.css()
方法的參數即可。
上一篇jquery div排版
下一篇二次動畫CSS