jQuery有哪些事件

71次阅读
没有评论

jQuery支持大量的事件,使得开发者可以很方便地为页面元素添加交互效果。下面是一些常用的jQuery事件及其示例代码:

  1. click事件:当元素被点击时触发,例如:
$("button").click(function() {
  alert("Button clicked!");
});
  1. dblclick事件:当元素被双击时触发,例如:
$("p").dblclick(function() {
  $(this).hide();
});
  1. hover事件:当鼠标移动到元素上方或离开元素时触发,例如:
$("p").hover(function() {
  $(this).css("background-color", "yellow");
}, function() {
  $(this).css("background-color", "white");
});
  1. keydown事件:当按下键盘上的键时触发,例如:
$(document).keydown(function(e) {
  if (e.which === 13) {
    alert("Enter key pressed!");
  }
});
  1. focus事件:当元素获得焦点时触发,例如:
$("input").focus(function() {
  $(this).css("background-color", "#f9f9f9");
});
  1. blur事件:当元素失去焦点时触发,例如:
$("input").blur(function() {
  $(this).css("background-color", "#ffffff");
});
  1. submit事件:当表单提交时触发,例如:
$("form").submit(function(e) {
  e.preventDefault();
  alert("Form submitted!");
});

以上只是一部分常用的jQuery事件,jQuery还提供了更多的事件来满足不同需求。

正文完
 
评论(没有评论)