zoukankan      html  css  js  c++  java
  • jQuery事件机制

    1、绑定事件:

    1、bind(“事件类型”,回调函数)

    2、$("p").bind("click",function(){

    alert("这个段落被点击了。");

    });

    3、on(“事件类型”,回调函数)

    4、$("p").on("click",function(){

    alert("段落被点击了。");

    });

    2、委托事件:

    1、delegate()为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数

    2、把事件委托给后代元素

    3、被委托元素是事件源,this指向事件源

    4、$("div").delegate("p","click",function(){

    $("p").css("background-color","pink");

    });

    3、each()方法:遍历元素

            1、元素.each(),参数是回调函数,回调函数参数可选,第一个参数为index,第二个参数为dom元素本身

    2、$("button").click(function(){

    $("li").each(function(index,domEle){

    alert($(this).text())

    });

    });

    4、event事件对象属性

           (1)type:事件类型,比如click。

    (2)which:触发该事件的鼠标按钮或键盘的键。

    (3)target:事件发生的初始对象。

    (4)pageX:事件发生时,鼠标位置的水平坐标(相对于页面左上角)。

    (5)pageY:事件发生时,鼠标位置的垂直坐标(相对于页面左上角)。

  • 相关阅读:
    sun.misc.Unsafe的理解
    线程同步工具类
    HashMap源码分析
    【设计模式】GoF设计模式学习总结
    基于ARM处理器的反汇编器软件简单设计及实现
    HashMap内存泄露
    基于Spring cloud Ribbon和Eureka实现客户端负载均衡
    ReentrantLock
    数据库自增主键
    排序
  • 原文地址:https://www.cnblogs.com/wangxue13/p/13501228.html
Copyright © 2011-2022 走看看