基本事件:
click:触发每一个匹配元素的click事件。
这个函数会调用执行绑定到click事件的所有函数。
例：
$(".child").click(function () {
console.log(0)
})
mousemove：当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。
mousemove事件处理函数会被传递一个变量——事件对象，其.clientX 和 .clientY 属性代表鼠标的坐标
例：
$(".child").mousemove(function (e) {
console.log(e.offsetX,e.offsetY)
})
mousemover：当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。
注释：与 mouseenter 事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，
才会触发 mouseenter 事件。请看下面例子的演示。
例：
$(".child").mouseover(function () {
$(this).css("background-color","pink");
}).mouseout(function () {
$(this).css("background-color","green");
})
hover:一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件
例：
$(".child").hover(function () {
$(this).css("background-color","pink");
}),function () {
$(this).css("background-color","green");
}
HTML内容：
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>
screen 屏幕 显示器左上角
page 页面 当前页面左上角
client 可视区域 显示器页面的区域的左上角
offset 元素 元素的左上角
当浏览器页面没有滚动时，page与client基准点重合
e.stopPropagation(); // 阻止事件冒泡
e.preventDefault(); // 阻止默认行为 例如：reset submit a[href]
浙公网安备 33010602011771号