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

Y A; 引用符はオプションですが、「-」文字を含むプロパティには使用できません。したがって、この種のプロパティをラップするには引用符を使用する必要があります。

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

yoshi が指摘したように、キャメルケースのシンタックス プロパティも使用できます。

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