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>
<script src="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>what are you doing?</p>
</body>
</html>第一个最大的区别就是:bind()的事件绑定是只对当前页面选中的元素有效。如果你想对动态创建的元素bind()事件,是没有办法达到效果的
在后面的动态生成DOM元素绑定事件就要使用on();
相关推荐
无情的你无情的雨 2020-06-16
chunianyo 2020-06-04
grantlee 2020-05-28
xjp 2020-05-26
Roka 2020-05-25
天空一样的蔚蓝 2020-05-02
nangongyanya 2020-04-19
shufen0 2020-04-14
humanbeng 2020-03-05
Alanxz 2020-03-04
liwf 2020-02-17
歆萌 2020-02-10
tianchaoshangguo 2020-01-04
julien 2020-01-02
齐天大圣数据候 2019-12-28
杨友山 2019-12-25
GavinZhera 2019-12-19
oLeiShen 2019-12-15