<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.0.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
// 命名空间:我们可以在事件名后给她添加一个新名字,使用.分隔。这样就能通过后缀把相同事件添加的不同方法区分开,方便了我们对事件方法的管理
$('div').on('click.tel', function(){
alert('wu小姐:13478654832');
});
$('div').on('click', function(){
$(this).css('background', 'red');
});
//解绑事件时,就可以通过命名空间添加的新名字来区分开不同的click函数
//$('div').off('click.tel');
});
</script>
</head>
<body>
<div>点击有惊喜</div>
</body>
</html>