bind()方法用法详解:
此方法是使用比较频繁的方法之一，虽然在API手册上有着对方法的介绍，但是由于语言简短，例子不够详细，可能会造成不能够完全准确的掌握bind()方法的使用，下面就结合实例介绍一下此方法的使用。
语法格式:
$(selector).bind(type,[data],function(eventObject))
此方法可以为所有匹配元素的特定事件绑定事件处理函数，例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>软件开发网</title>
<style type="text/css">
div{
width:150px;
height:40px;
background-color:blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt").bind("click",function(){$("div").text("软件开发网")})
})
</script>
</head>
<body>
<div>您好</div>
<input type="button" id="bt" value="点击测试代码" />
</body>
</html>以上代码中，当点击按钮的时候，会将div元素中的文本设置“软件开发网”。
从bind()方法的语法结构中可以看到，还有一个可选的data参数可供使用，此参数可以作为event.data属性值，传递给事件对象的额外数据对象。
实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>软件开发网</title>
<style type="text/css">
div{
width:150px;
height:40px;
background-color:blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var newtext="软件开发网";
$("#bt").bind("click",{"mytext":newtext},function(e){
$("div").text(e.data.mytext);
})
})
</script>
</head>
<body>
<div>您好</div>
<input type="button" id="bt" value="点击测试代码" />
</body>
</html>以上代码利用data参数为事件处函数的事件对象提供额外的数据进行处理，同样达到了第一个实例的效果。
绑定多个事件:
可以使用链式编程的方式为匹配元素绑定多个事件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>软件开发网</title>
<style type="text/css">
div{
width:150px;
height:40px;
