1

在 jQuery 文档中，明确提到引号是可选的，但是在我的代码中，当我删除它时，firebug控制台中会出现错误标志。

此外，jQuery 可以同样解释多词属性的 CSS 和 DOM 格式。例如，jQuery 理解并返回 .css({'background-color': '#ffe', 'border-left': '5px solid #ccc'}) 和 .css({backgroundColor: '# ffe'，borderLeft：'5px solid #ccc'}）。请注意，对于 DOM 表示法，属性名称周围的引号是可选的，但对于 CSS 表示法，由于名称中的连字符，它们是必需的。

参考链接：http ://api.jquery.com/css/#css-propertyName-value

让我知道我在这个概念上做错了什么以及在 css 方法中使用属性/值对的方法是什么？

整个代码 -

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery CSS check</title>
        <style>
        li {color:red;}
        </style>
    </head>
    <body>
        <ul>
            <li>Product 1</li>
            <li>Product 2</li>
        </ul>
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script>
        jQuery(document).ready(function(){
        jQuery('li').css({color:'green',font-size:'18px'});
        });
        </script>   
    </body>
</html>

Firebug 控制台中的错误：SyntaxError: missing : after property id

4

1 回答 1

3

雅; 引号是可选的，但不适用于包含“-”字符的属性。因此，您必须使用引号来包装这种属性：

jQuery('li').css({color:'green','font-size':'18px'});

正如 yoshi 指出的那样，您也可以使用 camelcase synthax 属性：

jQuery('li').css({color:'green',fontSize:'18px'});
于 2013-05-04T11:57:48.987 回答