Javascript 通过jquery显示背景色_Javascript_Jquery_Html_Css

Javascript 通过jquery显示背景色

javascript jquery html css

Javascript 通过jquery显示背景色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试通过jquery将背景色放在段落中，然后创建div，当单击show div displayed（显示div）和单击hide div hide（隐藏div）时，有两个按钮显示和隐藏。。所以在这之后，当我尝试这个背景色不可见检查此代码 <head> <title></title> <meta charset="utf-8" /> <script src="jquery-2.2.1.js"&g

我尝试通过jquery将

背景色

放在段落中，然后创建div，当单击show div displayed（显示div）和单击hide div hide（隐藏div）时，有两个按钮显示和隐藏。。所以在这之后，当我尝试这个背景色不可见

检查此代码

<head>
        <title></title>
        <meta charset="utf-8" />
        <script src="jquery-2.2.1.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#btnhide").click(function () {
                    $("#dvmain").hide("slow");
                });
                $("#btnshow").click(function () {
                    $("#dvmain").show("slow");
                });

            }); 

            $document.ready(function () {

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

            });


        </script>
    </head>
    <body>
        <input type="button" id="btnshow" value="show" />
        <input type="button" id="btnhide" value="hide" />
        <div id="dvmain" style="width:100%;height:400px;background-color:red;">

        </div>

        <p>this is paragraph one</p>
        <p>this is paragraph two</p>
        <p>this is paragraph three</p>

    </body>


$（文档）.ready（函数（）{
$（“#btnhide”）。单击（函数（）{
$（“#dvmain”）.hide（“slow”）；
});
$（“#btnshow”）。单击（函数（）{
$（“#dvmain”）.show（“slow”）；
});
}); 
$document.ready（函数（）{
css（“背景色”、“红色”）；
});
这是第一段
这是第二段
这是第三段

有解决方案吗？

像这样替换脚本

$(document).ready(function () {
   $("#btnhide").click(function () {
      $("#dvmain").hide("slow");
   });
   $("#btnshow").click(function () {
      $("#dvmain").show("slow");
   });
   $("p").css("background-color", "red");
});

然后拆下这部分

$document.ready(function () {
    $("p").css("background-color", "red");
});

像这样替换脚本

$(document).ready(function () {
   $("#btnhide").click(function () {
      $("#dvmain").hide("slow");
   });
   $("#btnshow").click(function () {
      $("#dvmain").show("slow");
   });
   $("p").css("background-color", "red");
});

然后拆下这部分

$document.ready(function () {
    $("p").css("background-color", "red");
});


$（文档）.ready（函数（）{
css（“背景色”、“红色”）；
$（“#btnhide”）。单击（函数（）{
$（“#dvmain”）.hide（“slow”）；
});
$（“#btnshow”）。单击（函数（）{
$（“#dvmain”）.show（“slow”）；
});
}); 
这是第一段
这是第二段
这是第三段


$（文档）.ready（函数（）{
css（“背景色”、“红色”）；
$（“#btnhide”）。单击（函数（）{
$（“#dvmain”）.hide（“slow”）；
});
$（“#btnshow”）。单击（函数（）{
$（“#dvmain”）.show（“slow”）；
});
}); 
这是第一段
这是第二段
这是第三段

对不起，很难说您的问题出在哪里。你能把问题的措辞改一下吗？提供一个JSFIDLE也很好：）您认为问题是什么？为什么你把

$（document）

放在一个地方，然后把

$document

放在一个不起作用的地方，你是想在两个地方都用

$（document）

，还是把所有东西都放在第一个地方。哦，意思是我们用$（document）只有一次？@Bakhtawar你能证明你为什么从我的答案中删除了被接受的答案吗？我想我不能删除：/对不起，很难说你这里有什么问题。你能把问题的措辞改一下吗？提供一个JSFIDLE也很好：）您认为问题是什么？为什么你把

$（document）

放在一个地方，然后把

$document

放在一个不起作用的地方，你是想在两个地方都用

$（document）

，还是把所有东西都放在第一个地方。哦，意思是我们用$（document）只有一次？@Bakhtawar你能证明为什么你从我的答案中删除了被接受的答案吗？我不能删除我想：/thanku这么多。。。当我使用这个$（“#secondp”）.css（“背景色”、“黑色”、“字体色”、“白色”）；背景色为黑色，但文本颜色不是白色。。我做得怎么样this@Bakhtawar当您想要指定多个css属性时，您应该将其指定为如下对象

$（“p”）.css（{“背景颜色”：“黑色”，“字体颜色”：“白色”}）

而不是这个

$（“#secondp”）.css（“背景色”、“黑色”、“字体色”、“白色”）。现在当我点击按钮时，我有一个按钮，然后背景变化可以改变。我使用$（“#btone”）。点击（函数（）{$（“#firstp”）.css（“背景色”，“紫色”）；$（“#secondp”）.css（{“背景色”：“黑色”，“字体颜色”：“白色”）；$（“#thirdp”）.css(“背景色”、“绿色”）和html代码这是第一段，这是第二段“>这是第三段
但当我点击按钮时，显示黑色背景色，但字体颜色不变。”。。我非常想在点击按钮时改变字体颜色。。。当我使用这个$（“#secondp”）.css（“背景色”、“黑色”、“字体色”、“白色”）；背景色为黑色，但文本颜色不是白色。。我做得怎么样this@Bakhtawar当您想要指定多个css属性时，您应该将其指定为如下对象$（“p”）.css（{“背景颜色”：“黑色”，“字体颜色”：“白色”}）
而不是这个$（“#secondp”）.css（“背景色”、“黑色”、“字体色”、“白色”）。现在当我点击按钮时，我有一个按钮，然后背景变化可以改变。我使用$（“#btone”）。点击（函数（）{$（“#firstp”）.css（“背景色”，“紫色”）；$（“#secondp”）.css（{“背景色”：“黑色”，“字体颜色”：“白色”）；$（“#thirdp”）.css(“背景色”、“绿色”）和html代码这是第一段，这是第二段“>这是第三段
但当我点击按钮时，显示黑色背景色，但字体颜色不变。”。。我想在点击按钮时改变字体颜色