使用 jQuery 更改 CSS
在嘗試使用 jQuery 修改 CSS 時，您可能會遇到困難。讓我們解決一個常見問題。
問題：
$(init);
function init() {
$("h1").css("backgroundColor", "yellow");
$("#myParagraph").css({"backgroundColor":"black","color":"white");
$(".bordered").css("border", "1px solid black");
}儘管遵循正確的語法，程式碼仍無法運作。
答案：
錯誤源自於缺少關閉$("#myParagraph").css() 行中的大括號。正確的程式碼應該是：
$("#myParagraph").css({"backgroundColor": "black", "color": "white"});此修改會產生一個有效的 JavaScript 函數，該函數成功修改了 CSS 元素。澄清一下，CSS 屬性名稱符號「backgroundColor」和「background-color」在 jQuery 中都是有效的。 jQuery API 文件證實了這一點。
這裡有現場示範：http://jsfiddle.net/YPYz8/
完整的工作程式碼：
$(init);
function init() {
$("h1").css("backgroundColor", "yellow");
$("#myParagraph").css({"backgroundColor": "black", "color": "white"});
$(".bordered").css("border", "1px solid black");
}此程式碼片段示範如何將h1元素的背景顏色變更為黃色，該元素的背景顏色為ID“myParagraph”為黑色，該元素中的文字顏色為白色。此外，它還為所有具有「bordered」類別的元素添加了 1px 黑色邊框。
以上是為什麼我的 jQuery CSS 修改不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
