亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

JQ事件函數(shù)作業(yè)

??? 2019-01-03 08:51:29 243
????:想知道  $(選擇器).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>


??? ??

?? ??