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

兩種事件切換函數(shù)

Original 2019-04-08 12:54:00 270
abstract:<!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)元素失去焦點	(也就是鼠標移上或移下)<br>
	focus();當(dāng)元素獲得焦點;<br>
	change();當(dāng)元素值發(fā)生改變;<br>
	click()點擊事件;<br>
	dblclick();雙擊事件;<br>
	hover(over,out);鼠標移上觸發(fā)一個函數(shù),移下觸發(fā)一個函數(shù);<br>
	toggle()元素可見就切換隱藏,否則相反;<br>
<input type="text" name="">
<div>請叫我魯先生</div>
<div class="like"></div>
<button>點擊</button>

<script>
		
	$(document).ready(function(){
	// blur();當(dāng)元素失去焦點	(也就是鼠標移上或移下)
		// $('input').blur(function(){
		// 	$('input').css('background','red')
		// })

	// focus();當(dāng)元素獲得焦點;
		$('input').focus(function(){
			$('input').css('background','red')
		})

	// change();當(dāng)元素值發(fā)生改變;
		// $('input').change(function(){
		// 	$('input').css('background','red')
		// 	})

	// hover(over,out);鼠標移上觸發(fā)一個函數(shù),移下觸發(fā)一個函數(shù);<br>
	// $('div').hover(
	// 	function(){
	// 		$(this).css('background','blue')
	// 	},
	// 	function(){
	// 		$(this).css('color','#fff')
	// 	}
	// )


	$('button').click(function(){
		$('.like').toggle()
	})


})




</script>

</body>
</html>


Correcting teacher:查無此人Correction time:2019-04-08 16:06:41
Teacher's summary:完成的不錯。jq和js每行結(jié)束后面增加;號。繼續(xù)加油

Release Notes

Popular Entries