jquery 控制div显示和隐藏简单小案例
<DOCTYPE! html>
<html>
<head>
<script type="text/javascript" src="http://jm.lle8.com/js/jquery.js"></script>
</head>
<body>
<div style="background:#ccc; width:100px; height:100px;"></div>
<script type="text/javascript">
// $(选择器).action()
$(document).ready(function(){
// $str='我是一个变量'
// alert($str);
$('div').hide() // 页面打开默认隐藏div
// 这里是点击显示按钮1000毫秒延迟显示div
$('#block').click(function(){
$('div').fadeIn(1000)
})
// 这里是点击显示按钮1000毫秒延迟隐藏div
$('#none').click(function(){
$('div').hide(1000)
})
})
</script>
<button id="block">点击</button>
<button id="none">隐藏</button>
</body>
</html>
