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:事件发生时,鼠标位置的垂直坐标(相对于页面左上角)。

  • 相关阅读:
    文字有阴影效果
    asp.net(c#)将彩色图片变灰阶图片
    C#异步调用的方法
    PHP获取指定月份的第一天开始和最后一天结束的时间戳函数
    php 获取当前用户的IP
    网站前端性能优化
    grep命令的使用
    学C++的经验总结
    主键、唯一键与唯一索引的区别
    shell的比较运算符
  • 原文地址:https://www.cnblogs.com/wangxue13/p/13501228.html
Copyright © 2011-2022 走看看