<html>
<head>
<meta charset="utf-8"/>
<style>
*{margin:0;padding:0}
body{font-size:15px;}
#container{margin:60px;line-height:2em;width:300px;border:1px solid #ccc;}
.head{background:silver;padding:5px;cursor:pointer}
.content{text-indent:15px;}
</style>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
//bind() 绑定事件,参数1,绑定的事件类型;参数2,事件出发的函数
$(".head").bind("click",function(){
$("div.content").hide("slow");
}).bind("click",function(){
$("div.content").show("slow");
});
//绑定事件优势 click
//作业:简洁的事件绑定来实现 显示和隐藏
})
</script>
</head>
<body>
<div id="container">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
jQuery是继prototype原型之后又一个javascript库,他凭借简洁的代码和完善的浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,极大的简化了javascript开发人员的工作
</div>
</div>
</body>
</html>
<head>
<meta charset="utf-8"/>
<style>
*{margin:0;padding:0}
body{font-size:15px;}
#container{margin:60px;line-height:2em;width:300px;border:1px solid #ccc;}
.head{background:silver;padding:5px;cursor:pointer}
.content{text-indent:15px;}
</style>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
//bind() 绑定事件,参数1,绑定的事件类型;参数2,事件出发的函数
$(".head").bind("click",function(){
$("div.content").hide("slow");
}).bind("click",function(){
$("div.content").show("slow");
});
//绑定事件优势 click
//作业:简洁的事件绑定来实现 显示和隐藏
})
</script>
</head>
<body>
<div id="container">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
jQuery是继prototype原型之后又一个javascript库,他凭借简洁的代码和完善的浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,极大的简化了javascript开发人员的工作
</div>
</div>
</body>
</html>