サマリー：想知道 $(選擇器).on('click',function(){})與 $(選擇器).click(function(){})之間的區(qū)別，哪種寫法最佳？<!doctype html><html><head><meta charset="gbk"><title>JQ事件函數(shù)作業(yè)</tit
想知道 $(選擇器).on('click',function(){})與 $(選擇器).click(function(){})之間的區(qū)別，
哪種寫法最佳？
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>JQ事件函數(shù)作業(yè)</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('手機(jī)位數(shù)不正確');
}
})
$('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>手機(jī)</lable><input type="" id='phone'><span id='sj' style='color:#f00'></span><br>
<div></div>雙擊色塊改成粉色
<button>點(diǎn)我改變DIV背景色</button>
</body>
</html>