当前位置: 移动技术网 > IT编程>开发语言>Jquery > JQuery的事件委托;jQuery注册事件;jQuery事件解绑

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

2018年12月21日  | 移动技术网IT编程  | 我要评论

一、事件

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

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

  ③使用方法:$("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()当遇到$符号与其他变量冲突时用此方法释放$的控制权或将控制权交给其他变量。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网