1. .click() 方法: 点击事件
$('#myButton').click(function() {
// 点击按钮时执行的代码
alert('按钮被点击了!');
});
2. .dblclick() 方法: 双击事件
$('#myElement').dblclick(function() {
// 双击元素时执行的代码
alert('元素被双击了!');
});
3. .hover() 方法: 鼠标悬停事件
$('#myElement').hover(
function() {
// 鼠标悬停时执行的代码
$(this).css('background-color', 'lightblue');
},
function() {
// 鼠标移出时执行的代码
$(this).css('background-color', '');
}
);
4. .keydown() 方法: 键盘按下事件
$(document).keydown(function(event) {
// 键盘按下时执行的代码
alert('键盘按下:' + event.key);
});
5. .submit() 方法: 表单提交事件
$('#myForm').submit(function(event) {
// 表单提交时执行的代码
alert('表单已提交!');
event.preventDefault(); // 阻止表单的默认提交行为
});
6. .change() 方法: 输入框内容改变事件
$('#myInput').change(function() {
// 输入框内容改变时执行的代码
alert('输入框内容已改变!');
});
7. .resize() 方法: 窗口大小改变事件
$(window).resize(function() {
// 窗口大小改变时执行的代码
console.log('窗口大小已改变!');
});
这些是 jQuery 中一些常用的事件方法,可以根据实际需要选择使用。你也可以组合使用这些方法,创建更复杂的交互效果。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12897/jQuery