当css方法中属性的引号被移除时，jQuery停止工作

jQuery stops working when quotes removed from a property in css method

本文关键字：停止工作 jQuery 方法 css 属性      更新时间：2023-09-26

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

同样，jQuery也可以解释的CSS和DOM格式multiple-word属性。例如，jQuery理解并返回.css({'background-color': '#ffe'，'border-left': '5px solid #ccc'})和.css({backgroundColor: '#ffe'，border: '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

雅;引号是可选的，但不包括包含'-'字符的属性。所以，你必须用引号来括这类属性:

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

正如yoshi指出的那样，您也可以使用骆驼大小写语法属性:

jQuery('li').css({color:'green',fontSize:'18px'});
相关文章：