今天我們來介紹使用 jQuery 動態添加 CSS 屬性的方法,通過此方法我們可以非常方便地為網頁元素增加樣式哦。
首先,我們來看看如何使用 jQuery 給元素增加顏色屬性。以下是演示代碼:
$(document).ready(function() { $("p").css("color", "red"); });我們可以看到,通過 jQuery 的 `css()` 方法,我們可以為所有 `
` 標簽增加顏色屬性,并將其值設置為紅色。 接下來,我們來看看如何使用 jQuery 增加元素的寬度和高度。以下是示例代碼:
$(document).ready(function() { $("div").css({ "width": "200px", "height": "200px" }); });通過 `css()` 方法傳入一個 javascript 對象,我們可以同時增加多個屬性,非常方便。 最后,我們來看看如何使用 jQuery 增加元素的背景圖片。以下是示例代碼:
$(document).ready(function() { $("body").css("background-image", "url('bg.png')"); });通過 `css()` 方法將背景圖片的 URL 作為屬性值,我們就可以實現背景圖的增加啦。 以上就是使用 jQuery 動態添加 CSS 屬性的方法,希望能夠對大家有所幫助。
上一篇css塊元素居右
下一篇jq同時設置多個css