• jQuery新的事件绑定机制on()示例应用

    因为在此之前有bind(),live(),delegate()等方法来处理事件绑定jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法on(events,[selector],[data],fn) events:一个或多...
    文章 2015-02-15 794浏览量
  • jQuery 2.0.3 源码分析 事件绑定-bind/live/delegate/...

    jQuery 1.7中,.on()方法 提供绑定事件处理的所有功能 性能对比 我们来个对直观的测试 生成999个DOM节点,不做任何处理,内存消耗2.2M 给每一个元素绑定click事件,增加到5.6M ('.ul a').click(function(e){ alert...
    文章 2017-06-29 1147浏览量
  • jQuery常用事件方法详解

    如果传递了selector参数,那么on()函数并不是为当前jQuery对象匹配的元素绑定事件处理函数,而是为它们的后代元素中符合选择器selector参数的元素绑定事件处理函数。on()函数并不是直接为这些后代元素挨个绑定事件,...
    文章 2017-09-20 1442浏览量
  • Jquery绑定事件(bind和live的区别)

    其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后...
    文章 2015-08-02 1121浏览量
  • 解密jQuery事件核心-委托设计(二)

    元素本身绑定事件的顺序处理机制 分几种情况: 假设绑定事件元素本身是A,委派元素B.C 第一种: A,B,C各自绑定事件,事件按照节点的冒泡层次触发 第二种: 元素A本身有事件,元素还需要委派元素B.C事件 委派的元素B....
    文章 2017-06-29 1223浏览量
  • jqueryon()绑定事件和off()解除绑定事件

    容易忽略的点:off所解除元素的绑定事件,其中选择器必须和on绑定事件时所用的选择器一致。html代码 1<input id="btn1"type="button"value="点击1"/gt;2<input id="btn2"type="button"value="点击2"/gt;3<a...
    文章 2015-02-27 1045浏览量
  • java版云笔记(三)

    如果传递了selector参数,那么on()函数并不是为当前jQuery对象匹配的元素绑定事件处理函数,而是为它们的后代元素中符合选择器selector参数的元素绑定事件处理函数。on()函数并不是直接为这些后代元素挨个绑定事件,...
    文章 2017-09-19 1622浏览量
  • Javascript事件模型系列(三)jQuery中的事件监听方式...

    闲话不多讲了,今天的主题是jQuery中的事件监听器的绑定方式。在学习jQuery之初,就在网上不只一次搜过相关主题,看了几篇被抄来抄去的文章,算是了解了内情。今天去搜网上的文章依旧有很多,所以我就在思考我这篇...
    文章 2017-11-15 1291浏览量
  • on()、live()、delegate()、bind()的比较

    需要绑定a的父级元素(此元素必须为静态元素,不是后来动态生成的),然后设定on()方法的selector参数才行: ('p').on('mouseenter','a',function(){.});差别: bind()是直接绑定在元素上 live()则是通过冒泡的方式...
    文章 2017-08-29 1030浏览量
  • jQuery技术内幕:深入解析jQuery架构设计与实现原理.2...

    这个功能可以方便地在普通JavaScript对象上实现自定义事件的绑定和触发,例如,执行下面的代码会在对象foo上绑定一个自定义事件custom,然后手动触发这个事件,执行绑定的custom事件监听函数,如下所示: ...
    文章 2017-05-02 1149浏览量
  • jQuery学习笔记9:高级事件

    但这个方法在jQuery1.7 版本中被.on()方法整合替代了。普通绑定.bind,普通解绑.unbind;事件委托.live.delegate,解除委托.die.undelegate。方法绑定.on,方法解绑.off。从jQuery1.7 以后推出了.on()和.off()...
    文章 2017-11-16 1304浏览量
  • 分享16个javascript&jQuery的MVC教程

    这个教程中我们将使用jQuery的AJAX机制开发一个简单的Spring MVC3应用。我们将介绍如何使用jQuery.post()方法来处理post数据 2.Progressive Enhancement Techniques 如果你开发大量的javascript代码,你就应该考虑...
    文章 2011-12-21 762浏览量
  • JavaScript事件机制——记一次认真准备的技术分享

    先问几个问题,你是否能快速闪过答案?自下而上(冒泡)事件怎么写,自上而下(捕获...详解JS中的事件机制(带实例) 事件模型 原文发布时间为:2018年06月20日 原文作者:闲淡超人 本文来源:掘金 如需转载请联系原作者
    文章 2018-07-11 3318浏览量
  • jquery经典题型总结

    bind()和live()方法的底层逻辑,就是on() live()在JQUERY版本中废除 delegate()是live()版本替换 one()绑定一个一次性事件【一次性:只能触发一次】 注:使用新版本的jQuery,一般多用On,最重要的是Bind和on...
    文章 2017-11-26 1086浏览量
  • 点击页面其它地方隐藏div所想到的jQuery的delegate

    使用 delegate()方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。("table").delegate("td","click",function(){ (this).toggleClass("chosen");});通过上面语句我们就可以为所有table的td绑定...
    文章 2017-11-21 1084浏览量
  • jQuery插件的几种写法大总结

    2、请使用bind/on绑定事件 很多朋友喜欢以下的代码: (".yitip").click(function(){.}) 但在jquery插件开发中更提倡使用bind/on: (".yitip").bind('click',function(){.}) 3、善用typeof判断数据类型,这个方法在...
    文章 2017-06-15 6207浏览量
  • jQuery学习笔记

    获取或者设置一个属性值,它的使用方法有多种: lt;img id="greatphoto"src="brush-seller.jpg"alt="brush seller"/gt;('#greatphoto').attr('alt');获取属性 ('#greatphoto').attr('alt','Beijing Brush Seller');...
    文章 2016-06-03 1715浏览量
  • 一个小时学会jQuery

    jQuery1.7(2011年11月04号):新版本包含了很多新的特征,特别提升了事件委派时的性能尤其是在IE7下。jQuery 1.7.2(2012年03月24号):jQuery 1.7.2正式版发布。该版本在1.7.1的基础上修复了大量的bug,并改进了...
    文章 2017-03-17 1506浏览量
  • 冒泡机制事件委托机制

    那我就得问你是不是使用js框架,使用jQuery了,事实上,jQuery提供的on、live等方法就已经对事件委托进行了封装,为委托机制的推广悄悄做了底层贡献,你没感觉到而已。jQuery中的各种事件监听方式也需要我们有一个...
    文章 2018-01-17 1786浏览量
  • javascript组件化

    我们看下使用方法: 继承超级父类,生成个子类Animal,并且混入一些方法。这些方法会到Animal的原型上。另外这边不仅支持混入{},还支持混入Function var Animal=Class.extend({ init:function(opts){ this.msg=opts...
    文章 2018-01-23 602浏览量
  • vue.js入门与提高实战教程

    或许你认为这些创新起源于Angular、React或者Knockout,但Vue.js可以无缝引导大量jQuery时代的前端工程师进入新的时代,这也是一个相当值得称赞的巨大的成果。与Angular和React出自巨型公司不同,Vue.js基本上是以...
    文章 2017-09-14 1770浏览量
  • Vue.js 2 渐进式前端框架 的最佳学习方法

    但Vue.js可以无缝引导大量jQuery时代的前端工程师进入新的时代,这也是一个相当值得称赞的 巨大的成果。与Angular和React出自巨型公司不同,Vue.js基本上是以作者(尤雨溪/Evan YOU)一己之力 完成。这或许部分解释...
    文章 2017-08-17 1183浏览量
  • 前端工程师面试题汇总(转)

    关于事件,IE与火狐的事件机制有什么区别?如何阻止冒泡?什么是闭包(closure),为什么要用它?javascript 代码中的”use strict”;是什么意思?使用它区别是什么?如何判断一个对象是否属于某个类?new操作符具体...
    文章 2018-05-24 1996浏览量
  • 前端面试常见问题汇总

    请写出不少于2种jquery绑定事件方法 jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off bind(type,[data],function(eventObject)) bind的...
    文章 2018-07-04 7287浏览量
  • 【转】jQuery中的编程范式

    jQuery的delegate机制可以将监听函数注册到父节点上,子节点上触发的事件会根据selector被自动派发到相应的handlerFn上.这样一来现在注册就可以监听未来创建的节点. 最近jQuery1.7中统一了bind,live和delegate机制,...
    文章 2016-05-23 1617浏览量
  • 前端之jquery函数库

    给元素绑定click事件,可以用如下方法: ('#btn1').click(function(){ 内部的this指的是原生对象 使用jquery对象用$(this) }) 获取元素的索引值 有时候需要获得匹配元素相对于其同胞元素的索引位置,此时可以用index...
    文章 2018-06-08 1397浏览量
  • jQuery技术内幕:深入解析jQuery架构设计与实现原理1

    在阅读本书之前,读者应该初步掌握JavaScript、HTML、CSS的基础知识,初步掌握jQuery的使用,或者有其他语言基础。如何阅读本书 本书共分为四大部分,首先介绍了jQuery的总体架构,然后分别分析了构造jQuery对象模块...
    文章 2017-05-02 2047浏览量
  • layui框架IE8下的兼容问题收录一

    鼠标划入事件绑定:因为echarts最后生成的是一个canvas,所以只能通过echarts自带的绑定事件,在echarts渲染完成后绑定 echartsobj.on('mouseover',function(params){});echartsobj.on('mouseout',function(params){...
    文章 2021-09-22 596浏览量
  • 深入解析jQuery架构设计与实现原理.2.8 静态属性和...

    这两个方法的实现依赖于方法jQuery.type(obj),通过判断 jQuery.type(obj)返回值是否是“function”和“array”来实现。相关代码如下所示: 489 See test/unit/core.js for details concerning isFunction. 490 ...
    文章 2017-05-02 1643浏览量
  • Javascript事件模型系列(一)事件事件的三种模型

    IE模型下的事件监听方式也挺独特,绑定监听函数的方法是:attachEvent("eventType","handler"),其中evetType为事件的类型,如onclick,注意要加’on’。解除事件监听器的方法是 detachEvent("eventType","handler")...
    文章 2017-11-02 1328浏览量
1 2 3 4 5 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化