jQuery事件方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery第三节课</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
// jQuery事件
// JS JQ 描述
// onfocus focus 元素获得焦点。
// onblur blur 元素失去焦点。
// onclick click 当用户点击某个对象时调用的事件句柄。
// onkeydown keydown 某个键盘按键被按下。
// onkeyup keyup 某个键盘按键被松开。
// onmouseover mouseover 鼠标移到某元素之上。
// $(document).ready()当文档完成加载时;
// $(selector).click()被选元素的点击事件;
// $(selector).focus()被选元素的获得焦点事件;
// $(selector).mouseover()当鼠标指针移上被选元素元素时;
// $(selector).mouseleave()当鼠标指针离开被选元素元素时;
// jQuery事件原理:当事件被触发时会调用一个函数(事件处理函数);
// 如:
// $(选择器).click(function(){})
// jQuery中的事件方法:就是触发被匹配元素的事件,调用一个函数;或理解为将函数绑定到所有被匹配元素的某个事件上;
// $(选择器).click(function(){
// // 当事件触发时,执行的代码需要执行的代码块
// })
$(function(){
$('button').click(function(){
$('body').css('background','pink')
})
})
</script>
</head>
<body>
<button>点击</button>
</body>
</html>