当页面刷新时我会显示第二个<div>，我想避免这种情况。
$(function(){
$("#div2").hide();
$("button").click(function(){
$("#div1").hide()
$("#div2").fadeIn(1000)
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus sequi omnis veritatis dicta laborum iste provident, ex ratione, neque veniam quis. Hic repellat nulla in minus! Sit quia dicta modi.
<button id="button">Click</button>
</div>
<div id="div2">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus sequi omnis veritatis dicta laborum iste provident, ex ratione, neque veniam quis. Hic repellat nulla in minus! Sit quia dicta modi.
</div>而不是通过div2函数隐藏hide()而是使用css。
#div2 { display:none; }
并在代码中更改缺少;的脚本代码
<script>
$(function(){
$("button").click(function(){
$("#div1").hide();
$("#div2").fadeIn(1000);
});
});
</script>
<!doctype html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function()
{
$("#div2").hide();
$("button").click(function(){
$("#div1").hide()
$("#div2").fadeIn(1000)
});
});
</script>
</head>
<div id="div1">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus sequi omnis veritatis dicta laborum iste provident, ex ratione, neque veniam quis. Hic repellat nulla in minus! Sit quia dicta modi.
<button id="button">Click</button>
</div>
<div id="div2">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus sequi omnis veritatis dicta laborum iste provident, ex ratione, neque veniam quis. Hic repellat nulla in minus! Sit quia dicta modi.
</div>
</html>
你只需要jquery来运行你的代码
$(document).ready(function() {
$("#div2").hide();
$("#button").click(function(){
$("#div1").hide();
$("#div2").fadeIn(1000);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="div1">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus sequi omnis veritatis dicta laborum iste provident, ex ratione, neque veniam quis. Hic repellat nulla in minus! Sit quia dicta modi.
</div>
<button id="button">Click</button>
<div id="div2">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus sequi omnis veritatis dicta laborum iste provident, ex ratione, neque veniam quis. Hic repellat nulla in minus! Sit quia dicta modi.
</div>