jQuery中绑定事件bind() on() live() one()的异同
jQuery中绑定事件的四种方法,他们可以同时绑定一个或多个事件
bind()-------------------------版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除)
live()--------------------------版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除)
delegate()-------------------版本号小于1.7(在Jquery1.7中已经移除)
on()---------------------------版本号大于1.7(在Jquery1.7中添加,相应off()也添加)
A:bind()事件的用法
<title>绑定事件</title>
<scriptsrc="js/jQuery1.11.1.js"type="text/javascript"></script>
<script>
$(function(){
$("p").bind({
"mouseover":function(){
$("p").css("background-color","red");
},
"mouseout":function(){
$("p").css("background-color","");
}
});
});
</script>
</head>
<body>
<p>whatareyoudoing?</p>
</body>
</html>
第一个最大的区别就是:bind()的事件绑定是只对当前页面选中的元素有效。如果你想对动态创建的元素bind()事件,是没有办法达到效果的
在后面的动态生成DOM元素绑定事件就要使用on();
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
5 带猫的祝福语简短
10 画室揭牌仪式祝福语简短
11 开丁大吉祝福语 简短
12 新娘生孩子祝福语简短
13 如果不结婚祝福语简短
14 蛋糕开学祝福语 简短独特
15 钢琴获奖老师祝福语简短
16 升大学祝福语简短女生
17 端午祝福语安康-简短优美
18 下午微信祝福语简短