分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

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

发布时间:2023-09-06 02:27责任编辑:白小东关键词:jQuery

一、事件

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

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

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

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

原文地址:https://www.cnblogs.com/gzy-tw/p/10153332.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved