web前端 常用的jQuery事件方法

来源：苏州达内IT培训学校时间：2022/10/1 17:37:31

　　web前端jQuery基础入门人--常用的jQuery事件方法，通过具体的内容展现，希望对大家web前端jQuery的学习有一定的帮助。

　　在jQuery中，大多数DOM事件都有一个等效的jQuery方法。

　　如果想在页面中指定一个点击事件,语法格式如下：

　　$('p').click();

　　下一步就是点击后所触发的事件。可以通过一个函数实现

　　$("p").click(function(){

　　// 触发事件过后所执行的代码

　　});

　　下面说一下常用的事件方法

　　$(document).ready()

　　$(document).ready()方法允许在文档完全加载完毕后执行函数。

　　click

　　click()方法是当用户点击html元素是触发的方法

　　例如：当用户点击

元素时，会隐藏

元素;

1点击此处会消失1

2点击此处会消失2

3点击此处会消失3

　　 //引入jQuery库

　　当点击"点击此处p1会消失" 时会隐藏

　　dblcick()

　　顾名思义dblcick():双击元素触发事件,当鼠标双击时会发生事件

1双击此处我会消失

2双击此处我会消失

3双击此处我会消失

4双击此处我会消失

5双击此处我会消失

　　mouseenter()

　　当鼠标的指针放在了这个元素时，则会发生mouseenter()事件

这里是p1

　　mouseleave()

　　则与mouseenter()相反，当鼠标离开这个元素时，则会发生mouseleave()事件

这里是p1

　　mousedown() 和mouseup()

　　mousedown()当鼠标按下触发事件，mouseup()当鼠标松开时触发事件，可以用console.log打印到控制台查看结果。

这里是p1

　　hover()

　　hover()和css中的hover一致，当鼠标放在该元素上时触发个(mouseenter)事件，离开时会触发第二个(mouseleave)事件

　　此方法用于模拟光标悬停事件

此处是p1

　　focus() 与 blur()

　　这两个事件通常用于表单元素

　　focus():当元素获得焦点时则触发的事件

　　blur():当元素失去焦点时会触发的事件

　　

　　文本框

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/1707/news/567092/违者必究！ 以上就是苏州达内IT培训学校 小编为您整理 web前端 常用的jQuery事件方法的全部内容。