Question

我需要将background-color属性设置为整个主体，但我的代码似乎无效我正在学习jquery，但我仍然是新手

我正在使用选择器来调用身体元素并适用于它的风格

<html>
    <head>
        <title></title>
        <script type="text/javascript" src="jquery-1.11.1.js">
        </script>
        <script type="text/javascript">
        jQuery(document).ready(function(){
           $(this).css("background-color","green");
         }    
        );

        </script>
    </head>
    <body>
        <ul id="destinations">
           <li>First</li>
           <li>Second</li>
           <li>Third</li>
           <li>Fourth</li>
           <li>Fifth</li>
           <li class="six">Sixth</li>
        </ul>
        <p>This is another parragraph</p>
        <p>and this is another more</p>
    </body>
    </html

>

Answer 1

在jQuery中，$（this）引用调用当前函数的DOM元素。由于您在文档“准备好”中调用了$（this）。 event，$（this）引用文档（DOM），这就是你的代码无法工作的原因。

要应用CSS规则，您必须改为定位body标记。因此，您必须更改此内容：

$(this).css("background-color","green");

到那个：

$('body').css("background-color","green");

Answer 2

您应该选择正文并在那里设置背景

$('body').css("background-color","green");

Answer 3

*如果您想设置可能不会改变的背景颜色，那么您可以使用

$('body').css("background-color","color-name");

Answer 4

如果要在按钮上单击更改背景颜色，则可以使用

$(document).ready(function(){

  $("button").click(function(){

     $("p").css("background-color","yellow");

   }); 

 });

将background-color属性设置为整个文档

4 个答案: