<!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() 方法給標(biāo)簽添加綁定事件(3.0已廢棄)
$('div').bind('click',function(){
alert('感激吧')
})
//unbind() 對應(yīng)的移除事件
$('div').unbind('click');
// .on() 官方推薦使用的綁定時(shí)間的方法 可以添加多個(gè)相同事件
$('div').on('click',function(){
alert('fuck you');
});
$('div').on('click',function(){
alert('fuck you too');
});
// .off() 通過.on()添加的事件通過 .off() 移除
$('div').off('click');
// .one() 綁定的事件只能觸發(fā)一次
$('div').one('click',function(){
alert('我就fuck 一次')
})
//注: 當(dāng)one與on同時(shí)出現(xiàn) 通過one綁定的事件只執(zhí)行一次十酣,而被on綁定的方法不受影響
})
</script>
</head>
<body>
<div style="width: 100px; height: 100px; border:1px solid red;"></div>
</body>
</html>