欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery的事件委托;jQuery注册事件;jQuery事件解绑

程序员文章站 2022-06-25 08:15:21
一、事件 ①事件委托:就是给子元素的父元素或者祖先元素注册一个事件,但是事件的执行者是子元素,委托事件的好处是能够给动态创建出来时元素也加上事件。 ②简单事件:就是给自己注册事件自己执行动态创建出来的事件不会有事件。 ③使用方法:$("span").on("click",function(){ale ......

一、事件

  ①事件委托:就是给子元素的父元素或者祖先元素注册一个事件,但是事件的执行者是子元素,委托事件的好处是能够给动态创建出来时元素也加上事件。

  ②简单事件:就是给自己注册事件自己执行动态创建出来的事件不会有事件。

  ③使用方法:$("span").on("click",function(){alert("这是一个简单事件");});

       $("div").on("click", "span", function(){alert("这是一个委托事件");});

  ④事件解绑:off()方法是移除事件,把要移除的事件传入当做参数,不传参数则把全部事件删除;

  ⑥触发事件:①$("p").click();        //触发p标签的click事件

       ②$("p").trigger("click");              //trigger中传入了click事件代表触发click事件,还可传入其他参数

  ⑦阻止默认:在事件的回调函数中调用e.preventdefault()就能阻止默认事件,e是回调函数中的参数。

  ⑧阻止冒泡:在事件的回到函数中调用e.stoppropagation()就能阻止冒泡事件,e为回调函数中的参数。

  ⑨如果在回调函数中返回了return false;不仅能阻止默认事件还能阻止冒泡事件。

  ⑩end():筛选器会改变jquery对象的dom对象,回到上一次的状态;例如$("p").width().end();//加上end方法后又能继续链式编程了。

  each():遍历jquery对象,例如

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

        $(element).css("opcity", (index + 1) / 10)

      });

  noconflict()当遇到$符号与其他变量冲突时用此方法释放$的控制权或将控制权交给其他变量。