jQuery 事件
事件:
0).js事件执行
把js标签放在body之后
1)资源加载完成:src css样式链接
典型代码:
$(window).load(function(){
});
jQuery中实现等dom加载完毕
$(function){
//所有代码都是等dom先执行
}
2)DOM加载完成
把js标签放在body后即可
页面载入
$(document).ready(fn)
$(fn)
事件处理
bind()//不限次数绑定
unbind()
one()//one是只绑定一次
可以实现点赞、投票功能等
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{
font-size: 微软雅黑;
margin :0px;
padding:0px;
}
</style>
<script src="https://code.jquery.com/jquery-1.3.2.min.js"></script>
</head>
<body>
<div class="main">
<img src="1.jpg">
</div>
<button>添加单击事件</button>
<button>删除单击事件</button>
<script type="text/javascript">
i =0;
$('button').eq(0).click(function(){
$('img').bind('click',function(){
if(i%2==0){
this.src = 'b.jpg';
}else{
this.src = 'a.jpg';
}
i++;
});
});
$('button').eq(1).click(function(){
$('img').unbind('click');
});
</script>
</body>
</html>
<body>
<div class="main">
<img src="1.jpg">
<br>
</div>
<button>点赞(<span>50</span>)</button>
<button></button>
<script type="text/javascript">
$('button').one('click',function(){
val=parseInt($('span').html())+1;
$('span').html(val);
$(this).css({'background':'00f','color':'#fff'});
});
</script>
</body>
事件委派
live()
die()