????：<!DOCTYPE html> <html> <head> <title>jquery的事件函數(shù)he事件切換</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></sc
<!DOCTYPE html>
<html>
<head>
<title>jquery的事件函數(shù)he事件切換</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
div{width: 100px;height: 100px;background: #ccc;border: 1px solid yellow}
</style>
</head>
<body>
blur();當(dāng)元素失去焦點(diǎn) (也就是鼠標(biāo)移上或移下)<br>
focus();當(dāng)元素獲得焦點(diǎn);<br>
change();當(dāng)元素值發(fā)生改變;<br>
click()點(diǎn)擊事件;<br>
dblclick();雙擊事件;<br>
hover(over,out);鼠標(biāo)移上觸發(fā)一個(gè)函數(shù),移下觸發(fā)一個(gè)函數(shù);<br>
toggle()元素可見就切換隱藏,否則相反;<br>
<input type="text" name="">
<div>請(qǐng)叫我魯先生</div>
<div class="like"></div>
<button>點(diǎn)擊</button>
<script>
$(document).ready(function(){
// blur();當(dāng)元素失去焦點(diǎn) (也就是鼠標(biāo)移上或移下)
// $('input').blur(function(){
// $('input').css('background','red')
// })
// focus();當(dāng)元素獲得焦點(diǎn);
$('input').focus(function(){
$('input').css('background','red')
})
// change();當(dāng)元素值發(fā)生改變;
// $('input').change(function(){
// $('input').css('background','red')
// })
// hover(over,out);鼠標(biāo)移上觸發(fā)一個(gè)函數(shù),移下觸發(fā)一個(gè)函數(shù);<br>
// $('div').hover(
// function(){
// $(this).css('background','blue')
// },
// function(){
// $(this).css('color','#fff')
// }
// )
$('button').click(function(){
$('.like').toggle()
})
})
</script>
</body>
</html>
?? ???：查無此人?? ??：2019-04-08 16:06:41
???? ??：完成的不錯(cuò)。jq和js每行結(jié)束后面增加;號(hào)。繼續(xù)加油