1. click(): 在元素被点击时触发。
$("#myButton").click(function() {
// 处理点击事件的代码
});
2. dblclick(): 在元素被双击时触发。
$("#myElement").dblclick(function() {
// 处理双击事件的代码
});
3. hover(): 在鼠标进入和离开元素时触发。
$("#myElement").hover(
function() {
// 处理鼠标进入事件的代码
},
function() {
// 处理鼠标离开事件的代码
}
);
4. keydown() / keyup() / keypress(): 在按键按下、弹起、按下并弹起时触发。
$(document).keydown(function(event) {
// 处理键盘按下事件的代码
});
5. change(): 在表单元素的值改变时触发。
$("#myInput").change(function() {
// 处理值改变事件的代码
});
6. submit(): 在表单提交时触发。
$("form").submit(function() {
// 处理表单提交事件的代码
});
7. resize(): 在窗口或元素大小改变时触发。
$(window).resize(function() {
// 处理窗口大小改变事件的代码
});
8. scroll(): 在元素滚动时触发。
$(window).scroll(function() {
// 处理滚动事件的代码
});
9. load(): 在页面或元素加载完成时触发。
$(window).load(function() {
// 处理加载完成事件的代码
});
10. focus() / blur(): 在元素获得焦点或失去焦点时触发。
$("#myInput").focus(function() {
// 处理获得焦点事件的代码
});
$("#myInput").blur(function() {
// 处理失去焦点事件的代码
});
这些只是 jQuery 事件方法的一小部分,还有很多其他方法可以用于处理不同类型的事件。你可以在[官方文档的事件部分](https://api.jquery.com/category/events/)找到更详细的信息。
转载请注明出处:http://www.pingtaimeng.com/article/detail/4639/jQuery