本文介绍了一个使用jQuery进行事件绑定的具体示例，展示了如何通过bind()方法实现元素点击时的显示与隐藏效果。此示例有助于理解jQuery中事件处理的基础用法。
绑定事件
bind（）参数1绑定事件的类型，参数2事件触发的函数
<style>
*{ margin:0; padding:0;}
body{font-size:15px;}
#container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;}
.head{ background:#999; 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");
});
})
</script>
</head>
<body>
<div id="container">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
JQuery是继prototype原型之后又一个javascript库，他凭借简单的代码和完善的浏览器兼容性，再加上强大的DOM操作，完善的事件处理机制，强大的ajax操作，加大的简化了javascript开发人员的工作。
</div>
</div>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
