jQuery随手笔记之常用的jQuery操作DOM事件

jQuery随手笔记之常用的jQuery操作DOM事件

1. 点击事件

当用户点击页面上的某个元素时触发，可以使用 click() 方法为元素添加点击事件。例如，以下代码可以使得当用户点击 button 元素时，弹出一个提示框。

$("button").click(function(){
  alert("你点击了按钮！");
});

2. 鼠标悬停事件

当用户鼠标悬停在页面上某个元素时触发，可以使用 hover() 方法为元素添加鼠标悬停事件。例如，以下代码可以使得当用户鼠标悬停在 div 元素时，改变它的背景颜色。

$("div").hover(function(){
  $(this).css("background-color", "yellow");
}, function(){
  $(this).css("background-color", "white");
});

以上代码意思是：当鼠标悬停在 div 元素上时，div 元素的背景颜色变为黄色；当鼠标移出 div 元素时，div 元素的背景颜色又变为白色。

总之，通过使用 click() 和 hover() 方法，我们可以为页面上的元素添加各种交互效果，增强用户体验。