感谢您的支持，我会继续努力的!
打开微信扫一扫，即可进行扫码打赏哦
点我查看本站打赏源码！
Powered by RUNCODEX.COM，学的不仅是技术，更是梦想！！！
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<h1 id='myh1'>点击按钮试试看！</h1>
<p>我的第一个段落。</p>
<div id = 'mydiv'>
我的第二个段落。
</div>
<button id ='btn'>
消失！
</button>
</body>
</html>
xxxxxxxxxx
$('#btn').click(function(){
$('p').fadeOut('slow',function(){
document.getElementById('myh1').innerHTML = "糟糕！都没了！快点我啊！"
$('h1').css('color','red')
$('#mydiv').fadeOut()
$('#btn').hide()
})
$('#myh1').click(function(){
$('p').fadeIn('slow',function(){
$('#mydiv').fadeIn('slow',function(){
$('#btn').show()
document.getElementById('myh1').innerHTML = "呵呵，我回来了！"
p{
border:1px solid green;
padding:10px
}
div{
border:1px solid gray;
padding:10px;
button{
margin:10px;
