zoukankan      html  css  js  c++  java
  • jquery绑定事件on的用法

    语法

    $(selector).on(event,childSelector,data,function,map)
    参数描述
    event 必需。规定要从被选元素移除的一个或多个事件或命名空间。

    由空格分隔多个事件值。必须是有效的事件。
    childSelector 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
    data 可选。规定传递到函数的额外数据。
    function 可选。规定当事件发生时运行的函数。
    map 规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。

    1.绑定一个事件

    $(document).on("click","#id",funciton(){

      alert("come here");

    })

    2.多事件绑定同一函数

      $("p").on("mouseover mouseout",function(){
        $("p").toggleClass("intro");
      });

    3.绑定多个事件,绑定多函数

    $(document).on({
      "mouseover": function () {
        $(this).css("background", "#000")

        //这里的$(this)指的是#id
      },
      "click": function () {
        $(this).css("height","100px")
      },
      "mouseout": function () {
        $(this).css("background", "red")
      }
    }, "#id")

    4.传递数据到函数

    $("body").on({
      "click": toShow
      }, { name: "my name is sunnie" })
    function toShow(info) {
      alert(info.data.name)
    }

    5.如果你需要移除on()所绑定的方法,可以使用off()方法处理。

    $(document).ready(function(){
      $("p").on("click",function(){
        $(this).css("background-color","pink");
      });
      $("button").click(function(){
        $("p").off("click");
      });
    });
  • 相关阅读:
    Linux 文件查找
    Linux-Varnish缓存
    Linux-部署Hadoop环境
    Linux-部署MFS分布式文件系统
    Linux-部署Jumpserver跳板机
    Linux-部署Heartbeat高可用
    Linux-Mysql5.7之字段约束,索引,外键
    Linux-Mysql常用命令(下)
    Linux-Mysql常用命令(上)
    Python-常用模块详解
  • 原文地址:https://www.cnblogs.com/sunnie-cc/p/6096941.html
Copyright © 2011-2022 走看看