jQuery-03 事件注册

最新推荐文章于 2021-12-20 15:29:36 发布
最新推荐文章于 2021-12-20 15:29:36 发布
阅读量151 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XiangChiZhaJi/article/details/104856372
版权

事件注册

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
多个事件用空格隔开

事件委派

在这里插入图片描述
在这里插入图片描述
click绑定在ul但是触发的是里面的Li

绑定动态创建的元素

在这里插入图片描述
未来创建的无法绑定事件
用on 的可以
是主要的优势
在这里插入图片描述

发布微博

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
没删掉，只是隐藏，还得加一个回调函数
在这里插入图片描述

0ff解绑事件

在这里插入图片描述
在这里插入图片描述
解除事件委托
在这里插入图片描述
第二次点击不会触发了
在这里插入图片描述

自动触发事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3、
在这里插入图片描述

jquery事件对象

在这里插入图片描述
在这里插入图片描述

其他方法

对象拷贝

在这里插入图片描述
在这里插入图片描述
如果目标里原来有数据
原来的数据会被覆盖
在这里插入图片描述
在这里插入图片描述

浅拷贝

在这里插入图片描述
浅拷贝拷贝地址，指向同一个对象
修改一个另一个也会影响
在这里插入图片描述
在这里插入图片描述
sex会被覆盖

深拷贝

完全复制一份给目标对象，如果里面有不冲突的属性会合并到一起
在这里插入图片描述

多库共存

在这里插入图片描述
在这里插入图片描述

jQuery插件

在这里插入图片描述

图片懒加载

在这里插入图片描述
在这里插入图片描述
Pyg少做了一个电梯导航
在这里插入图片描述
ctrl+h 查找加替换在这里插入图片描述

全屏滚动

在这里插入图片描述

bootsstrap js插件

在这里插入图片描述
插件，组件，

案例

在这里插入图片描述
在这里插入图片描述

综合案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
数组是不能直接存储的
本地存储里面只能存储字符串的数据格式，可以转换成字符串
在这里插入图片描述
在这里插入图片描述
是string格式的，没有title之类的属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
放在本地存储里
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
索引号和数据
在这里插入图片描述
注意大小写
在这里插入图片描述
会渲染两次，渲染之前要清空ol
在这里插入图片描述
加粗样式
在这里插入图片描述
只有亲兄弟才可以编排号码
在这里插入图片描述
在这里插入图片描述
遍历的时候添加的索引号
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以用它兄弟的id号
自定义属性用attr，固有属性用prop

在这里插入图片描述
在这里插入图片描述

清除一下本地存储就好了，记得传参

在这里插入图片描述
在这里插入图片描述

jQ尺寸，位置操作

在这里插入图片描述
在这里插入图片描述

位置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
可以设置参数
在这里插入图片描述
在这里插入图片描述

电梯导航

在这里插入图片描述
在这里插入图片描述
刷新后导航条就不见了，需要封装函数
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
有点抖动，解决：
点击li不执行页面滚动事件里面的添加类
节流阀：互斥锁
在这里插入图片描述animate里面有一个回调函数

链式编程

在这里插入图片描述
在这里插入图片描述

XiangChiZhaJi
关注
专栏目录
jQuery——事件与插件开发
SilentLand的博客
08-14 342
事件、显式迭代、插件开发、图片懒加载、多库共存
03 - JQuery - 03.jQuery 事件
weixin_44683513的博客
09-18 55
03 - JQuery - 03.jQuery 事件
jQuery-Day03 事件
weiweianx的博客
02-05 78
单个事件注册 ele.事件名(function(){…}) <div class="box"></div> <script> $(function(){ //单个事件注册 $(".box").click(function(){ $(this).css("background","skyblue"); }) $(".b
jQuery-03
李建雨的博客
12-20 288
一、jQuery中的遍历 1、对象的遍历 格式： jQuery对象.each(function(index,item){}) index代表索引值,item代表数组元素(由于jquery对象存放的都是标签,所以一般都是标签对象) 代码演示： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co.
记录学习---03jQuery---事件注册-事件委托-事件解绑-触发器-事件对象(事件冒泡)-本地存储字符串的数据格式-多库共存-对象拷贝--全屏滚动插件
poppy995的博客
06-29 123
事件注册 on()绑定事件 ele.on(json); 代码实例 $("div").on({ mouseenter: function() { $(this).css('background','blue'); }, click: function() { $(this).css('background','yellow'); }) 如果两...
Jquery--03
奋斗的小能能的博客
08-19 161
目录 day03 - jQuery 1.1. jQuery 事件注册 1.2. jQuery 事件处理 1.2.1 事件处理 on() 绑定事件 1.2.2. 案例：发布微博案例 1.2.3. 事件处理 off() 解绑事件 1.2.4. 事件处理 trigger() 自动触发事件 1.3. jQuery 事件对象 1.4. jQuery 拷贝对象 1.5. jQuery 多库共存 1.6. jQuery 插件 1.4.1. 瀑布流插件（重点讲解） 1.4.2. 图片懒加载插.
jQuery学习-03
weixin_43750611的博客
09-11 383
jQuery学习-03jQuery学习-031.1. jQuery 事件注册1.2. jQuery 事件处理 *1.2.1 事件处理 on() 绑定事件1.2.2. 案例：发布微博案例 写一下1.2.3. 事件处理 off() 解绑事件1.2.4. 事件处理 trigger() 自动触发事件 （vue 小程序 有类似的功能）1.3. jQuery 事件对象1.4. jQuery 拷贝对象1.5. jQuery 多库共存1.6. jQuery 插件1.6.1 瀑布流插件（重点讲解）1.6.2
jQuery-day03 jQuery 事件，插件，bootstrap 组件
weixin_45734686的博客
11-04 296
jQuery-day03 1.1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，优缺点如下： 优点: 操作简单，且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。 演示代码 <body> <div></div> <script> ...
jQuery-day03-事件注册、事件处理on、事件解绑off、自动触发事件、事件对象、jQuery对象拷贝、多库共存、插件网站
weixin_44764873的博客
02-11 144
事件注册 element.事件(function() { … }); eg：$(“div”).click(function() { … }); 事件处理on element.on(events, [selector] , fn ) events: 1个或者多个事件类型（空格） selector: 元素的子元素选择器 <!DOCTYPE html> <html lang="en"...
jQuery源码分析-03构造jQuery对象
11-02
- **函数**：作为`ready`事件的回调函数注册。 每种类型的处理方式确保了jQuery对象能够灵活地适应不同的应用场景，并能够正确地获取或创建DOM元素。 #### 五、`jQuery.extend`与`jQuery.fn.extend` `jQuery....
jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料.zip
08-04
jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料，学习资料 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素....
JQuery 入门 - 附案例代码
热门推荐
wuyxinu的博客
12-23 6万+
为什么要学jquery 使用javascript开发过程中，有许多的缺点： 查找元素的方法单一，麻烦。 遍历数组很麻烦，通常要嵌套一大堆的for循环。 有兼容性问题。 想要实现简单的动画效果，也很麻烦 代码冗余。 体验jquery的使用 /* * 1. 查找元素的方法多种多样，非常灵活 * 2. 拥有隐式迭代特性，因此不再需要手写for循环了。 * 3. 完全没有兼容性问题。 * 4. 实现动...
1基于蓝牙的项目开发--蓝牙温度监测器.docx
11-01
1基于蓝牙的项目开发--蓝牙温度监测器.docx
AppDynamics：性能瓶颈识别与优化.docx
最新发布
11-01
AppDynamics：性能瓶颈识别与优化
percona-xtrabackup-2.4.28-1.ky10.x86-64.rpm
11-01
xtrabackup银河麒麟v10rpm安装包
2024年全球产品经理大会（脱敏）PPT合集（34份）.zip
11-01
2024年全球产品经理大会（脱敏）PPT合集，共34份。 1、AI 原生产品设计的 7 个反共识 2、AI 时代的策略产品与内容社区推荐实践 3、AI时代的用户界面设计 4、AI智能陪练：大模型赋能销售成长 5、AI浪潮中的应用主义者 6、AI驱动下的B端产品的思考与创新 7、AI驱动业务增长的探索与实践 8、Al Native 生产力工具的发展、价值与商业落地 9、B端产品设计避坑指南 10、GenAl驱动的xGen电商AI平台产品实践与思考 11、Kwaipilot 在快手的落地实践 12、OPPO AI的探索新交互到新生态 13、RPA + AI打造大模型驱动的领先数字员工 14、产品AI化重塑的思考与实践 15、产品分析：通过关键指标助力团队与企业成功 16、从RPA到Al Agent，高价值、可落地的智能助手 17、从流量运营到AI驱动的机器增长 18、做穿越时代的产品 19、创造好工具，创造世界一流产品力 20、医疗健康场景的大模型产品探索 21、即时零售柔性供应链体系建设与AIGC在零售数字化的探索 22、向量数据库的出海实践与未来展望 23、大模型在B端落地思考实践
基于物联网技术的停车场智能管理系统设计用户有单独APP
11-01
基于物联网技术的停车场智能管理系统设计用户有单独APP
Adobe XD：AdobeXD高级技巧与最佳实践.docx
11-01
Adobe XD：AdobeXD高级技巧与最佳实践.docx
jQuery-1.9.1事件系统深度解析：事件体系结构与AddEvent设计
"jQuery-1.9.1事件体系结构分析" jQuery的事件系统是其核心功能之一，它提供了一种简洁、统一的方式来处理DOM元素的事件，如点击、滚动等。在jQuery-1.9.1版本中，事件系统的实现基于Dean Edwards的跨浏览器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值