jquery有哪些常用事件?

页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。如点击某个元素、输入框内容的改变,下面就介绍一些jquery中常用的事件,供各位参考。

jquery有哪些常用事件?

1、$(document).ready()

$(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。

它和onload具有类似的效果。但是也有一些差异: (相关课程推荐:jQuery教程

● onload事件在资源全部下载完后执行(包括图片)

● ready在解析完dom树后执行,不需要下载完图片

● ready比onload先执行

● ready可以有多个,onload写多个会被覆盖

$(document).ready(function(){
 // code
});

2、on()事件

使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)还可以在被选元素及子元素上添加一个或多个事件处理程序。通俗来讲就是当DOM已经加载完毕时,你在append()追加的节点附上了事件id,class等等,就需要on事件才可以定位到。

$("p").on("click",function(){
    alert("段落被点击了。");  
});

3、Change()事件

当元素的值发生改变时,会发生 change 事件。比如在input()输入框里面inpu()中的值发生变化时就执行事件里的方法。就如登录时,当验证码输入正确时才可以登录。

$("input").change(function(){
    alert("文本已被修改");
});

4、click()事件

触发页面内所有段落的点击事件,任何属性都可以触发click事件

$("p").click(function(){
    // 动作触发后执行的代码!!
});

5、dblclick()

当双击元素时,会发生 dblclick 事件。

dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数:

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

6、Submit()事件

可以在js中提交表单,

$("form:first").submit();

本文来自jQuery答疑栏目,欢迎学习!

以上就是jquery有哪些常用事件?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读