JQ事件函数作业
想知道 $(选择器).on('click',function(){})与 $(选择器).click(function(){})之间的区别，
哪种写法最佳？
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>JQ事件函数作业</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<style>
.box{width:100px;height:100px;background:#ccc}
</style>
<script>
$(function(){
$('#xingming').blur(function(){
var xingming = $('#xingming').val();
if(!xingming){
//alert('不能为空');
$('#xm').text('姓名不能为空');
}else if(!isNaN(xingming)){
$('#xm').text('姓名只能为汉字');
}
})
$('#phone').blur(function(){
var phone = $('#phone').val();
if(phone.length != 11){
$('#sj').text('手机位数不正确');
}
})
$('button').click(function(){
$('.box').css('background','red');
})
$('.box').dblclick(function(){
$('.box').css('background','pink');
})
})
</script>
<body>
<lable>姓名</lable><input type="" id='xingming'><span id='xm' style='color:#f00'></span><br>
<lable>手机</lable><input type="" id='phone'><span id='sj' style='color:#f00'></span><br>
<div></div>双击色块改成粉色
<button>点我改变DIV背景色</button>
</body>
</html>