jquery - 解释一下这个 jQuery 选择器？

Question

我正在尝试调试另一个开发人员的代码，但我无法弄清楚这个变量中存储的内容:

var dl = $("<dl>",{class: 'my_class'});

这一行在 IE8 及更低版本中生成“预期标识符、字符串或数字”错误消息，但其他浏览器都没有，我试图弄清楚是否有其他方法可以完成同样的事情，使用不同的语法。

如有任何建议，我们将不胜感激。

Answer 1

它创建一个 dl 元素(包装在 jQuery 对象中)，其 class 属性的值为 my_class。请参阅jQuery docs了解有关这种形式的函数的更多信息。

您收到错误是因为 class 是 JavaScript 中的保留字。您可以通过引用它来修复它:

var dl = $("<dl>", { "class": "my_class" });

或者，您可以设置 className 属性(您不必在任何浏览器中引用该属性):

var dl = $("<dl>", { className: "my_class" });

请注意，ES5 规范表示您可以使用保留字作为属性名称。但由于您显然需要支持旧版本的 IE，因此您必须忘记这一点并无论如何引用它们。如果您只是放弃对版本 9 以下的 IE 的支持，则根本不需要更改代码;)