当前位置: 首页 > news >正文

用js做的个人酷炫网站/百度数据指数

用js做的个人酷炫网站,百度数据指数,好看的单页,做网站的接私活犯法吗前几天看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的,最后看源码发现bind()和delegate()都是由on()实现的,感兴趣的朋友可以了解下,或许本文对你有所帮助 前几天在看《jquer…

前几天看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的,最后看源码发现bind()和delegate()都是由on()实现的,感兴趣的朋友可以了解下,或许本文对你有所帮助

前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。

然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。

看源码发现bind()和delegate()都是由on()实现的。on()的描述如下:

复制代码 代码如下:


.on( events [, selector ] [, data ], handler(eventObject) )


一个简单的事件绑定如 $('button').on('click',function(){}); 与bind()无二样。

在需要为较多的元素绑定事件的时候,优先考虑事件委托,可以带来性能上的好处。比如:

   

   

如上图,将click事件绑定在document对象上,页面上任何元素发生的click事件都冒泡到document对象上得到处理。

注意到.on()的描述中第二个可选参数:selector。如下图,添加了第二个参数,选择符button:


结果:

当事件冒泡到document对象时,检测事件的target,如果与传入的选择符(这里是button)匹配,就触发事件,否则不触发。

注意.on()也可以接收一个对象参数,该对象的属性是事件类型,属性值为事件处理函数。下面是官方文档的一个例子:

 

最后有一点,原先的live()方法,处理函数是默认绑定在document对象上不能变的,如果DOM嵌套结构很深,事件冒泡通过大量祖先元素会导致较大的性能损失。而使用.on()方法,事件只会绑定到$()函数的选择符表达式匹配的元素上(上面我的例子中,为了简单绑定到了document),因此可以精确地定位到页面中的一部分,而事件冒泡的开销也可以减少。delegate()与on()同理,毕竟是用on()实现的:

 

 

 

原文地址:http://www.jquerycn.cn/a_5346

 

转载于:https://www.cnblogs.com/lcyuhe/p/5533755.html

http://www.lbrq.cn/news/1074205.html

相关文章:

  • 网站丢失了怎么办/2022年新闻摘抄简短
  • 描述网站开发的广告词/用今日头条导入自己网站外链
  • 做网站的软件多少钱/站内关键词自然排名优化
  • 河曲县城乡建设管理局网站/seo监控
  • 义乌seo快速排名/深圳优化公司样高粱seo
  • 深圳网站建设科技有限公司/百度广告联系方式
  • 河南网站制作公司哪家好/新乡seo外包
  • 福州企业建站程序/网店代运营骗局
  • ps里新建网站尺寸怎么做/百度指数批量查询
  • 网站服务器开发/温州seo品牌优化软件
  • 网站域名想更换要怎么做/微信管理软件
  • 诸城哪里有做网站的/公司网站排名
  • 做动态网站需要什么软件/宁波优化网站厂家
  • 武汉建网公司网站建设/百度搜索关键词优化方法
  • 河北永生建筑工程网站/网站开发框架
  • 建立自信/汕头seo全网营销
  • 微网站免费制作/趣丁号友情链接
  • 网站建设工作室简介/个人网站的制作模板
  • 网站建设专业性的评价/推广信息发布平台
  • php 修改 wordpress/抖音seo点击软件排名
  • 自助wap建站/武汉百度推广多少钱
  • 乒乓球网站建设目标/百度seo建议
  • 做网站用什么编程/百度搜索引擎技巧
  • 建设商务网站公司/谷歌seo是指什么意思
  • 打电话叫人做网站/万维网域名注册查询
  • 做照片书的网站/百度退款客服电话
  • 赛扶做网站/什么推广平台好
  • 合肥做网站哪家公司好/html网页制作模板
  • 网站中的关键词seo设置/最新热点新闻
  • 青浦b2c网站制作价格/人力资源培训网
  • rag学习-以项目为基础快速启动掌握rag
  • Python 字典为什么查询高效
  • 嵌入式教学的云端革命:高精度仿真如何重塑倒车雷达实验与工程教育——深圳航天科技创新研究院赋能新一代虚实融合实训平台
  • 《Java 程序设计》第 14 章 - JavaFX 基础
  • 33.【.NET8 实战--孢子记账--从单体到微服务--转向微服务】--单体转微服务--财务服务--记账
  • [论文阅读] 人工智能 + 软件工程 | KnowledgeMind:基于MCTS的微服务故障定位新方案——告别LLM幻觉,提升根因分析准确率