jQuery事件

​ 

1.页面载入事件

(1)ready()当DOM载入就绪时就可以查询及操纵绑定一个要执行的函数

$(document).ready(function(){});

2.常用事件写法

(1)通过代码触发事件，给id为btn1的元素绑定点击事件，点击后同步id为btn2的元素的点击事件

$("#btn1").click(function () {

   $("#btn2").click();

});

(2)给id为btn2的元素绑定点击事件，点击后控制台输出“点击事件”

$("#btn2").click(function () {

    console.log("点击事件");

});

(3)给id为btn2的元素绑定一个鼠标移出事件，鼠标移出后控制台输出“鼠标离开”

$("#btn2").mouseout(function () {

    console.log("鼠标离开");

});

3.hover()：规定当鼠标指针悬停以及离开在被选元素上时要运行的两个函数，如果只指定一个函数，则mouseenter 和 mouseleave 都执行它

(1)给id为div1的元素绑定hover()事件,当鼠标移入时，被选元素的背景色改为#cccccc，当鼠标移出时，被选元素的背景色则变回#FFFFFF

$("#div1").hove