jquery的事件方法总结

abstract：jquery的事件方法：ready():当文档已经加载完成时，触发的事件==js的onload，语法：$(document).ready(function(){jquery的的代码体})，注意不可以和<body onload="">同时使用。blur()当元素失去焦点==相当js的onblur$('input').blur(function(){

jquery的事件方法：

ready():当文档已经加载完成时，触发的事件==js的onload，语法：$(document).ready(function(){jquery的的代码体})，注意不可以和<body onload="">同时使用。

blur()当元素失去焦点==相当js的onblur

$('input').blur(function(){
	$('input').css('background','red') })

focus()：当元素获得焦点时

$('input').focus(function(){
		$('input').css('background','blue')
	})

change()：当元素发生改变时

$('input').change(function(){
		$('input').css('background','pink')
	})

click()：当元素发生点击时

$('button').click(function(){
		$('div').css('background','pink')
	})

dblclick()：当元素发生被双击时

$('div').dblclick(function(){
		$('div').css('background','red')
	})

jquery的事件方法切换：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery的事件切换</title>
<script type="text/javascript" src="jquery-3.3.1.min.js">
</script>

</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$(document).mousemove(function(aa){
$('span').text('X:'+aa.pageX+'Y:'+aa.pageY)
//mousemove为指针在制定的元素上移动时会触发事件；
//pageX()，pageY():鼠标指针的位置，相对于文档的左边缘/上边缘，
//aa.pageY中aa必需要
})
a=0
$(window).resize(function(){//resize()当调整当前浏览器窗口大小时触发事件
$('b').text(a+=1)// alert('窗口被调整大小')
})
})
</script>
<div>当前鼠标的位置：<span></span></div>
<div>页面被调整的次数：<b></b></div>
</body>
</html>

jquery的事件方法总结

Popular Entries