在此之前,我尝试通过 jquery 将 background-color
放在段落中,我创建了 div,当单击显示 div 时显示和隐藏两个按钮,当单击隐藏 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>
有什么解决办法吗?
最佳答案
像这样替换你的脚本,
$(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");
});
关于javascript - 通过jquery的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35946990/