Jquery css（）语法

为什么有时会使用“，”vs“：”来分隔.CSS参数

例如：

$('#example').css("",""); vs. $('#example').css("":"");

$('#example').css({
  'background-color' : 'yellow',
  'font-weight' : 'bolder'
});

我在这方面很有用

$('#example').css("color","#000000");
$('#example').css("cursor":"pointer");

---

在第二个示例中，第二种方法是语法错误

我想你的意思是：

$("#example").css({'cursor': 'pointer'});

它们都有相同的效果。第二种方法允许您通过一次调用设置多个属性：

$('#example').css({
  'cursor': 'pointer',
  'font-size': '18px'
});

css函数只是检查您传递给它的参数。如果有两个参数，它们都是字符串，或者我猜第二个参数是数字，那么它只设置一个属性。如果第一个参数是一个对象，它将查看对象的属性，并将它们全部视为要设置的CSS属性

编辑-需要意识到的是，这与.css函数没有特别的关系。{}符号只是对象常量的基本JavaScript语法。因此：

var someCSS = {
  'cursor': 'pointer', 'font-size': '12px', 'border-width': '5px'
};

$('#example').css( someCSS );

---

与前面的示例中直接传入对象的效果完全相同。

第二个示例中的第二种方法是语法错误

我想你的意思是：

$("#example").css({'cursor': 'pointer'});

它们都有相同的效果。第二种方法允许您通过一次调用设置多个属性：

$('#example').css({
  'cursor': 'pointer',
  'font-size': '18px'
});

css函数只是检查您传递给它的参数。如果有两个参数，它们都是字符串，或者我猜第二个参数是数字，那么它只设置一个属性。如果第一个参数是一个对象，它将查看对象的属性，并将它们全部视为要设置的CSS属性

编辑-需要意识到的是，这与.css函数没有特别的关系。{}符号只是对象常量的基本JavaScript语法。因此：

var someCSS = {
  'cursor': 'pointer', 'font-size': '12px', 'border-width': '5px'
};

$('#example').css( someCSS );

与前面的示例中直接传入对象的效果完全相同。

使用：可以设置多个属性，如下所示：

$('#example').css({'background-color' : 'yellow', 'font-weight' : 'bolder'});

否则，只能执行一个属性

使用：可以设置多个属性，如下所示：

$('#example').css({'background-color' : 'yellow', 'font-weight' : 'bolder'});

---

否则，只能执行一个属性

逗号分隔函数调用中的参数：

$('#example').css("color","#000000");

颜色是一个参数，000000是另一个参数

冒号表示对象中的键值对。你的第二段代码不起作用；应该是：

$("#example").css({'cursor': 'pointer'});

这里将一个参数传递给函数，它是一个对象。对象允许键值对。在这种情况下，您可以一次设置多个设置：

$("#example").css({'cursor': 'pointer', 'color': '#000000'});

---

在本例中，您有一个Javascript对象{'cursor'：'pointer'，'color'：'000000'}，它有两个键值对。键和值之间的关系用冒号表示，而对之间用逗号分隔。

在函数调用中，逗号分隔参数：

$('#example').css("color","#000000");

颜色是一个参数，000000是另一个参数

冒号表示对象中的键值对。你的第二段代码不起作用；应该是：

$("#example").css({'cursor': 'pointer'});

这里将一个参数传递给函数，它是一个对象。对象允许键值对。在这种情况下，您可以一次设置多个设置：

$("#example").css({'cursor': 'pointer', 'color': '#000000'});

---

在本例中，您有一个Javascript对象{'cursor'：'pointer'，'color'：'000000'}，它有两个键值对。键和值之间的关系用冒号表示，而对之间用逗号分隔。

冒号仅在必须指定多个值时使用。但是你必须把这些值放在方括号和花括号中，用逗号隔开。 例如：

$('#example').css("",""); vs. $('#example').css("":"");

$('#example').css({
  'background-color' : 'yellow',
  'font-weight' : 'bolder'
});

否则，当您只需要设置一个值时，可以使用逗号：

$('#example').css('background-color','yellow');

---

冒号仅在必须指定多个值时使用。但是你必须把这些值放在方括号和花括号中，用逗号隔开。 例如：

$('#example').css("",""); vs. $('#example').css("":"");

$('#example').css({
  'background-color' : 'yellow',
  'font-weight' : 'bolder'
});

否则，当您只需要设置一个值时，可以使用逗号：

$('#example').css('background-color','yellow');

在JQuery中，css支持多个单词对象或一个属性：

使用多个单词：

.css({'background-color': '#ffe', 'border-left': '5px solid #ccc'})

它等于：

.css({backgroundColor: '#ffe', borderLeft: '5px solid #ccc'})

嗯。。。：表示您正在指定属性。这两个例子是相容的

阅读以下内容：

在JQuery中，css支持多个单词对象或一个属性：

使用多个单词：

.css({'background-color': '#ffe', 'border-left': '5px solid #ccc'})

它等于：

.css({backgroundColor: '#ffe', borderLeft: '5px solid #ccc'})

嗯。。。：表示您正在指定属性。这两个例子是相容的

---

阅读以下内容：

在jQuery的.css中，您可以声明一个属性，也可以声明多个属性，并且可以为单个属性使用JSON对象或属性值

因此，您可以使用$'.example'.cssborder，1px纯黑；但对于1个以上的属性，您将使用JSON对象，其格式如下：

{
    "border" : "1px solid black",
    "padding" : "10px"
}

---

在jQuery的.css中，您可以声明一个属性，也可以声明多个属性，并且可以为单个属性使用JSON对象或属性值

因此，您可以使用$'.example'.cssborder，1px纯黑；但对于1个以上的属性，您将使用JSON对象，其格式如下：

{
    "border" : "1px solid black",
    "padding" : "10px"
}

---

我猜您在示例中遗漏了一些重要的花括号：$'example'.css{cursor:pointer}？传递给函数的参数必须用逗号分隔。@Pointy展示的是passi

---

ng一个参数，即对象，由对象文字创建。我猜您在示例中遗漏了一些重要的花括号：$'example'.css{cursor:pointer}？传递给函数的参数必须用逗号分隔。@Pointy显示的是传递一个参数，即一个对象，由一个对象文字创建。谢谢，是的，我看到了语法错误，抱歉键入太快。我主要想知道两者之间的区别。我确实读到冒号：用于分隔多个类参数，但是在尝试使用以下示例时：$'example'.css{'cursor'，'pointer'}；它失败并强制我使用冒号：例如：$'example'.css{'cursor'：'pointer'}；这让我觉得不仅仅是多个参数。想法？@user311166:你应该读一下。这与函数无关。谢谢，是的，我看到了语法错误，很抱歉键入太快。我主要想知道两者之间的区别。我确实读到冒号：用于分隔多个类参数，但是在尝试使用以下示例时：$'example'.css{'cursor'，'pointer'}；它失败并强制我使用冒号：例如：$'example'.css{'cursor'：'pointer'}；这让我觉得不仅仅是多个参数。想法？@user311166:你应该读一下。这与函数没有任何关系。这实际上是一个非常不精确的答案。花括号是什么意思？冒号仅在必须指定多个值时使用。那不是真的，你可以使用对象形式，即使你只做一个。如果只做一个，则可以选择函数的两个参数版本，但不需要使用它。@FelixKling:curly方括号->{我明白了。但是它们在JavaScript中的含义是什么？顺便说一句。这是一个修辞问题我知道这个语法的意思，我想鼓励你改进你的答案。现在看来，在参数传递的上下文中，花括号是一种神奇的东西，这是不正确的。@T.J.Crowder:你说得对，我没有说你做不到，但在我看来，这是更干净的编码，因为如果要设置多个或一个值，它的定义更明确。这实际上是一个非常不精确的答案。花括号是什么意思？冒号只在必须指定多个值时使用。这不是真的，即使只做一个，也可以使用对象形式。如果只做一个，则可以选择函数的两个参数版本，但不需要使用它。@FelixKling:curly方括号->{我明白了。但是它们在JavaScript中的含义是什么？顺便说一句。这是一个修辞问题我知道这个语法的意思，我想鼓励你改进你的答案。现在看来，在参数传递的上下文中，花括号是一种神奇的东西，这是不正确的。@T.J.Crowder:你说得对，我没有说你做不到，但在我看来，这是更干净的编码，因为如果要设置多个或一个值，它的定义就更明确。