首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

jQuery .css() 方法正確語法:逗號分隔屬性值而非冒號

     編輯:程式設計疑難解答

jQuery .css() 方法正確語法:逗號分隔屬性值而非冒號

錯誤代碼:$("textarea[name='content']").css("border":"1px solid red"); —— 使用冒號 : 分隔屬性名與值,導致語法錯誤。

正確語法

單屬性設置(兩個參數,逗號分隔):

$("textarea[name='content']").css("border", "1px solid red");

多屬性設置(對象字面量,冒號分隔鍵值對):

$("textarea[name='content']").css({
    "border": "1px solid red",
    "background-color": "#ffeeee",
    "padding": "5px"
});

原因解析

  • .css(propertyName, value) 簽名要求兩個獨立字符串參數,中間用**逗號**隔開。
  • 對象字面量 {key: value} 內部才使用冒號,但這是作為**單個參數**傳遞給 .css(object) 重載。

常見錯誤對照

錯誤寫法正確寫法說明
.css("color":"red").css("color", "red")單屬性用逗號
.css({color:"red";}).css({color:"red"})對象屬性間用逗號,非分號
.css("font-size", "14px";).css("font-size", "14px")參數列表無分號

記住:方法參數列表永遠用逗號分隔,對象字面量內部才用冒號。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved