如何用jQuery修改样式段落的属性？语法问题求助

嘿，我来帮你捋清楚这个问题！修改CSS属性在jQuery里其实挺简单的，应该是你之前的语法没写对，我给你拆解两种常用的正确写法，再说说容易踩的坑。

首先，jQuery里修改CSS属性最常用的就是css()方法，它有两种使用形式：

• 单个属性修改
  语法是：$(选择器).css("属性名", "属性值");
  比如你要把id为main-title的元素字体加粗，就这么写：

  $("#main-title").css("font-weight", "bold");
  

  如果你习惯用数值表示字体粗细，也可以传对应的数值（700对应bold，400对应normal）：

  $("#main-title").css("font-weight", 700);
  

• 多个属性批量修改
  要是你想同时改多个CSS属性（比如既加粗又改文字颜色），可以给css()传一个对象，这样更高效：

  $("#main-title").css({
    "font-weight": "bold",
    "color": "#2c3e50",
    "font-size": "18px"
  });
  

  这里提个小技巧：对象里的属性名如果是驼峰式写法（比如把font-weight写成fontWeight），可以不用加引号，写法更简洁：

  $("#main-title").css({
    fontWeight: "bold",
    color: "#2c3e50",
    fontSize: "18px"
  });
  

可能你之前踩的坑 #

我猜你之前的写法大概率是这几个问题：

1. 属性名写错：比如把font-weight写成了fontweight（少了连字符），或者用驼峰式的时候拼错了；
2. 属性值格式错：比如给font-weight传bold的时候没加引号，把它当成变量了，会直接报错；
3. 选择器没选对元素：可以先在控制台打印$(你的选择器)，看看返回的集合长度是不是大于0，确认能找到目标元素；
4. 误用了获取属性的语法：如果只写$(选择器).css("font-weight")，这是获取当前属性值，不是设置哦。

只要避开这些坑，用对css()方法的语法，修改font-weight这类CSS属性就妥妥的啦！

内容的提问来源于stack exchange，提问作者Razzupaltuff