jquery on事件

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leilin007/p/4519696.html

文章标签：

#javascript #ViewUI

以下是几种绑定方式：

1.普通的，只为一个元素绑定click事件

$('.abc').on('click' ,function(){
      alert('click event');
 })

2.在这里可以改进一下第一种方法，将function()单写出来（方法一的改进版本）

$('.abc').on('click' ,alertFn);

    var alertFn = function(){
      alert('click event');
    }

3.这种方法是一种传参方法，是方法二的进阶版

 $('.abc').on('click', {name: 'xiao hei',age: '23'}, alertFn);

var alertFn = function(obj){
      alert(obj.data.name);    //这里的alert值 是xiao hei
    }

4.还可以在一个元素上，为不同事件绑定同一方法

 $('.abc').on('mouseover mouseout', {name: 'xiao hei', age: '23'} , alertFn);
//这里  就给mouseover以及mouseout两个不同的事件绑定了同一个方法alertFn

5.这种方法适合用于还没有创建的元素

$(document).ready(function(){
  $("div").on("click","p",function(){
    $(this).slideToggle();
  });
  $("button").click(function(){
    $("<p>This is a new paragraph.</p>").insertAfter("button");
  });
});

赞时感觉这些方法够用了

转载于:https://www.cnblogs.com/leilin007/p/4519696.html