返回jquery的......登陆

jquery的事件方法总结

caicai2018-10-28 23:18:35180

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>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送