jQuery事件

一、jQuery事件

jQueryEvent jQuery基础三 事件 : 鼠标事件 键盘事件 表单事件

(一)jQuery页面载入事件

$(document).ready() 方法

  当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

  这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。

  简单地说,这个方法纯粹是对向window.load事件注册的替代方法。通过使用这个方法,

  可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。

注意:可以在同一个页面中无限次地使用$(document).ready()事件。

   其中注册的函数会按照(代码中的)先后顺序依次执行。

   参数说明:fn 要在DOM就绪时执行的函数

   在DOM加载完成时运行的代码,可以这样写:

        jQuery 代码:

       $(document).ready(function(){

            //代码...

        });

        //简写形式

       $(function(){

            //代码...

        })

(二)jQuery中的鼠标事件

    1. click() 鼠标单击事件   // js onclick

    2. dblclick() 鼠标双击事件 // js ondblclick

3. mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生mousedown事件

    4. mouseup() 当在元素上放松鼠标按钮时,会发生 mouseup 事件。

5. mouseenter() 当鼠标指针穿过元素时,会发生mouseenter事件。该事件大多数时候会与mouseleave 事件一起使用。

6. mouseleave() 当鼠标指针离开元素时,会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用

7.mouseover() 当鼠标指针位于元素上方时,会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用

    8.mouseout() 当鼠标指针从元素上移开时,发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用

9. mousemove() 当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。mousemove事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标

注: mouseover与mouseenter的区别:

   mouseover如果鼠标指针穿过选定元素的任何子元素,都会触发mouseover事件,

   mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件

mouseout与mouseleave的区别:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值