常用的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():当元素失去焦点时会触发的事件

    文本框
    
    

以上就是jQuery所有的事件