<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<title>1</title>
</head>
<p>这是一个段落 。</p>
<div>这是另外一个段落。</div>
<p>点击任意一个段落来修改段落的字体大小。</p>
<button>移除click 事件句柄</button>
<div id='div'>aaa</div>
</body>
</html>
<script>
function changeSize(e)
{
$(this).animate({fontSize:"+=3px"});
}
function changeSpacing(e)
{
$(this).animate({letterSpacing:"+=2px"});
}
$(document).ready(function(){
$("body").on("click.size",changeSize);//body click事件增加size命名空間
$("body").on("click.space",changeSpacing);//body click事件增加space命名空間
$("button").click(function(){
$("body").off("click.size");//解除body size命名空間下的click
//$("body").off("click");//不用命名空間時解除所有click事件
});
});
</script>
Jquery off().on解綁和綁定事件時增加事件命名空間
猜你喜欢
转载自blog.csdn.net/losedguest/article/details/82848595
今日推荐
周排行