jquery事件绑定

最新推荐文章于 2022-08-13 17:43:05 发布

羊崽

最新推荐文章于 2022-08-13 17:43:05 发布

阅读量222

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/ynw1990/article/details/52441916

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1）bind(type,[data],fn) ：对元素进行事件绑定绑定一个事件

jquery对象.bind(“click”,function(){

//事件发生后要执行的代码

} );

<body>
<button>点击</button>
</body>
<script src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('button').bind('click',function(){
alert('这是一个绑定事件');
});
});
</script>

2）bind({type1:fn1,type2:fn2})：同时对元素绑定多个事件

<body>
<div style="width:200px;height:200px;background-color:blue">
<font color="red">请放上鼠标</font>
</div>
</body>
<script src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var color1={'background-color':'yellow'};
var color2={'background-color':'green'};
var data={
'mouseover':function(){$('div').css(color1);},
'mouseout':function(){$('div').css(color2);}
};
$('div').bind(data);
});
</script>