`
zhouyrt
  • 浏览: 1172316 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

读jQuery之十四

 
阅读更多

 

最近看完了添加事件和删除事件的核心方法,忍不住想把jQuery的事件模块抠出来。jQuery的代码是非常内聚的,一环套一环。想独立出来不容易。jQuery的事件模块严重依赖于其数据储存(jQuery.data),你会发现我的代码中的dataManager对象对应它。

 

这里只提供bind和unbind方法。暂不包含

1, 事件命名空间(event namespace)

2, 事件代理(event delegation)

3, 特殊事件如dom ready

 

接口如下:

 

E.bind(el, 'click', fn);
  
E.bind(el, 'click', fn, data);
 
E.unbind(el, 'click', fn);
 
E.unbind(el, 'click');
 
E.unbind(el);

 

event-jq-0.2.js

分享到:
评论

相关推荐

    读jQuery之十四 (触发事件核心方法)

    在本篇文章中,我们深入探讨了jQuery库中的事件触发机制,特别是通过核心方法trigger和triggerHandler来模拟用户动作的能力。这些方法允许开发者在不直接与用户交互的情况下激活元素的事件处理器。在了解这些方法...

    artech-javascript-jquery-14

    2. **链式操作**:jQuery的一大特性是链式调用,例如`$("#element").css("color", "red").fadeIn(500)`,这使得代码更简洁易读。 3. **DOM操作**:jQuery提供了丰富的DOM操作方法,如`append()`用于在元素内部添加...

    jquery网站发展历史时间轴

    - jQuery 1.0于2006年7月14日正式发布,它包含了基本的DOM操作、事件处理、动画效果以及Ajax支持,这些功能极大地简化了JavaScript的开发工作。 **2007年: jQuery的快速增长** - 2007年3月,jQuery 1.1发布,引入...

    常用的jquery案例

    #### 十四、如何使用多个属性来进行过滤 虽然提供的内容中没有具体展示如何使用多个属性进行过滤的例子,但可以扩展之前的案例来实现这个需求。例如,可以在 `.filter()` 方法中使用多个选择器: ```javascript //...

    推荐20款基于 jQuery & CSS 的文本效果插件

    14. Jquery.textfill:自动调整文本大小以适应容器,保持清晰可读,适用于大标题。 15. TextSlideShow:文本幻灯片效果,支持过渡动画和自定义时间间隔。 16. Scrollspy.js:监听滚动事件,根据用户滚动位置高亮...

    从零开始学习jQuery

    jQuery通过提供简洁的API,使得JavaScript代码更加简洁易读,从而极大地提高了开发效率。 二、jQuery的选择器 jQuery的选择器类似于CSS选择器,用于选取HTML文档中的元素。基本选择器包括:ID选择器(#id)、类选择...

    Wrox Press Professional jQuery (2012)

    - **代码重构**:教授如何对现有的jQuery代码进行重构,使其更加简洁易读。 ##### 11. jQuery模板(jQuery Templates) - **模板引擎**:介绍jQuery提供的模板引擎,用于动态生成HTML内容。 - **数据绑定**:讲解...

    jquery基础教程02

    - **代码规范**:遵循良好的编程习惯,保持代码清晰可读。 - **异常处理**:对于网络请求等不稳定因素,要做好错误处理机制。 #### 十、常见问题及解决办法 - **冲突问题**:当页面同时使用多个JavaScript库时可能...

    Jquery PPT 教程

    选择器是jQuery的精髓之一,它允许我们高效地定位到DOM中的特定元素。jQuery支持CSS1到CSS3的选择器,如`#id`(ID选择器)、`.class`(类选择器)、`tag`(标签选择器)等,还提供了一些特有的选择器,如`:first`、`...

    jQuery笔试题含答案.docx

    2. jQuery 是 JavaScript 的一个库,它封装了 JavaScript 的许多功能,使得代码更简洁易读。jQuery 不能完全取代 JavaScript,而是作为其扩展和辅助工具。它可以解决浏览器兼容性问题,提高开发效率,但基础仍然是 ...

    JQuery入门及应用.doc

    #### 十、jQuery UI实战 - **组件使用**:包括对话框、日期选择器、拖放控件等。 - **主题定制**:通过修改主题CSS文件来自定义界面风格。 - **高级特性**:如可访问性改进、触摸设备支持等。 #### 十一、表单验证...

    timeago.zh-CN.js jquery插件 “几天之前" 中文版

    <span id="timestamp" datetime="2022-07-15T14:30:00Z">2022-07-15 14:30:00 ``` 我们可以使用以下JavaScript代码进行初始化: ```javascript $(document).ready(function() { $('span[datetime]').timeago(); /...

    基于HTML5 time元素的倒计时jquery插件.zip

    - `datetime`属性:此属性用于指定日期和时间的机器可读格式,例如`datetime="2023-03-15T14:30:00"`表示2023年3月15日14点30分。 - 显示格式:虽然`<time>`元素的文本内容可以是用户友好的日期和时间格式,但...

    将具体时间转换为模糊相对时间的jQuery工具

    模糊相对时间(Relative Time)是一种常见的UI设计技巧,也被称为“人类可读时间”或“友好的时间显示”。这种技术将精确的时间戳(如2023-04-05 14:30:00)转化为更易于理解的形式,比如“刚刚”、“几分钟前”、...

    jQuery时间戳转换倒计时代码

    要将时间戳转换为可读的日期格式,可以使用`Date`对象。例如: ```javascript function timestampToDate(timestamp) { var date = new Date(timestamp * 1000); // JavaScript时间戳以毫秒为单位 return date....

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    js与jquery正则验证电子邮箱、手机号、邮政编码的方法

    jQuery简化了DOM操作和事件处理,使得代码更加简洁易读。在验证输入时,使用了`.blur()`方法来监听输入框的失焦事件,当输入框失去焦点时触发验证函数。通过正则表达式验证输入格式,并在不符合格式时给出提示信息。...

    图库新版jQuery焦点图 JS代码

    tips[14] = '从真实用户角度出发去考虑问题,投资人的意见只能作为参考。'; tips[15] = '真实世界中人们总是不得不被迫接受一些信息;而在网络世界,遇到反感内容,他们往往“关掉浏览器跑掉了”。'; tips[16] = '在...

Global site tag (gtag.js) - Google Analytics