jQuery入门(4) Events

学习了jQuery的选择器，就可以针对选择的HMTL标记或是元素添加事件处理，事件包括按键，鼠标 ，单击按钮等。

下面为常见的DOM事件：

jQuery事件处理的语法

在jQuery中 ，大部分的DOM事件都有对应的jQuery事件，比如为所有<p>标记添加单击事件处理：

$("p").click();

下一步添加单击事件的处理函数，你必须传一个回调函数给单击 事件：

$("p").click(function(){
  // action goes here!!
});

常见的jQuery事件

$(document).ready()

文档准备好事件，在文档完全载 入后执行。

click()

用户单击某个HTML元素后调用，比如下面的例子中用户点击 <p>标记部分后隐藏该标记的内容：

$("p").click(function(){
  $(this).hide();
});

dblclick()

双击某个HTML标记时调用，比如下面代码在双击<p>元素时隐藏 其内容：

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter()

在鼠标进入某个HTML元素时触发，例如：

$("#p1").mouseenter(function(){
  alert("You entered p1!");
});

mouseleave()

在鼠标进入离开某个HTML元素时触发，例如：

$("#p1").mouseleave(function(){
  alert("Bye! You now leave p1!");
});

mousedown()

在按下鼠标左键时触发，例如：

$("#p1").mousedown

(function(){
  alert("Mouse down over p1!");
});

mouseup()

在某个元素上释放鼠标左键时触发，例如：

$("#p1").mouseup(function(){
  alert("Mouse up over p1!");
});

hover()

在鼠标指针放在某个元素之上时触发，为mouseenter和mouseleave的组合，它 的第一个回调函数中鼠标进入时调用，第二个回调函数在鼠标离开时执行，例如：

$("#p1").hover(function(){
  alert("You entered p1!");
  },
  function(){
  alert("Bye! You now leave p1!");
});

focus()

当某个表单输入域获得焦点时调用,例如：

$("input").focus

(function(){
  $(this).css("background-color","#cccccc");
});

blur()

当某个表单输入域失去焦点时调用,例如：

$("input").blur

(function(){
  $(this).css("background-color","#ffffff");
});

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery
， 鼠标
， 事件
， function
， 标记
， 元素
， on lick istener
， 再次触发Leave事件
， mouseenter
， mouseleave
， click和blur
， blur与click冲突
， 事件入门
mouseenter事件
jquery events、jquery on events、jquery data events、jquery.mobile events、jquery 入门，以便于您获取更多的相关知识。