1. 点击事件:
$("button").click(function() {
// 处理点击事件的代码
});
2. 双击事件:
$("p").dblclick(function() {
// 处理双击事件的代码
});
3. 鼠标移入和移出事件:
$("div").mouseenter(function() {
// 处理鼠标移入事件的代码
});
$("div").mouseleave(function() {
// 处理鼠标移出事件的代码
});
4. 键盘事件:
$(document).keydown(function(event) {
// 处理键盘按下事件的代码
console.log("键码:" + event.which);
});
5. 表单事件:
$("input").focus(function() {
// 处理输入框获得焦点事件的代码
});
$("input").blur(function() {
// 处理输入框失去焦点事件的代码
});
$("form").submit(function(event) {
// 处理表单提交事件的代码
event.preventDefault(); // 阻止表单提交
});
6. 变化事件:
$("select").change(function() {
// 处理下拉列表变化事件的代码
});
7. 页面加载完成事件:
$(document).ready(function() {
// 页面加载完成后执行的代码
});
8. 事件委托:
$("ul").on("click", "li", function() {
// 处理动态生成的 li 元素的点击事件
});
这里使用了 on 方法来绑定事件,其中第一个参数是事件类型,第二个参数是目标元素的选择器。这种方式称为事件委托,有助于处理动态生成的元素。
以上只是一小部分 jQuery 事件的例子,你可以根据需要使用其他事件和组合方式。jQuery 的事件处理使得开发者可以轻松地为页面上的各种交互行为添加响应。详细的文档可以在 [jQuery 官方文档](https://api.jquery.com/category/events/) 找到。
转载请注明出处:http://www.zyzy.cn/article/detail/12871/jQuery