<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
//.bind() 方法给标签添加绑定事件(3.0已废弃)
$('div').bind('click',function(){
alert('感激吧')
})
//unbind() 对应的移除事件
$('div').unbind('click');
// .on() 官方推荐使用的绑定时间的方法 可以添加多个相同事件
$('div').on('click',function(){
alert('fuck you');
});
$('div').on('click',function(){
alert('fuck you too');
});
// .off() 通过.on()添加的事件通过 .off() 移除
$('div').off('click');
// .one() 绑定的事件只能触发一次
$('div').one('click',function(){
alert('我就fuck 一次')
})
//注： 当one与on同时出现 通过one绑定的事件只执行一次，而被on绑定的方法不受影响
})
</script>
</head>
<body>
<div style="width: 100px; height: 100px; border:1px solid red;"></div>
</body>
</html>
