在 Web 開發中,jQuery 和 CSS 都是非常常用的工具。使用它們可以方便地操作 DOM 元素和樣式。而 jQuery CSS 寫法既方便又易于理解。
首先,我們需要在 HTML 文件中引入 jQuery 庫和樣式表文件:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css">
接下來,我們就可以使用下面的寫法來操作元素樣式:
$(selector).css(property, value);
其中, selector 是用于選擇元素的 CSS 選擇器, property 是要修改的 CSS 屬性名稱, value 是屬性值。
例如,我們要將元素的背景顏色設置為紅色,可以使用下面的代碼:
$(“#element”).css(“background-color”, “red”);
如果要同時修改多個屬性,可以傳入一個對象作為參數:
$(selector).css({
property1: value1,
property2: value2,
...
});
例如,我們要將元素的字體大小設置為 20px,顏色設置為藍色,可以使用下面的代碼:
$(“#element”).css({
“font-size”: “20px”,
“color”: “blue”
});
以上就是使用 jQuery CSS 寫法的簡單介紹。它方便實用,可以很好地提高 Web 開發效率。