位置: 编程技术 - 正文
详解Jquery实现ready和bind事件(jquery 使用)
编辑：rootadmin推荐整理分享详解Jquery实现ready和bind事件(jquery 使用)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery 使用,jquery reload,jquery required,jquery的removeattr,jquery的replace方法,jquery required,jquery required,jquery的remove,内容如对您有帮助，希望把文章链接给更多的朋友！
讲这一节之前，先回顾之前一段代码：
上面我们实现了节点的查找，今天要讲的是对节点的事件绑定。
熟悉Jquery 源码的TX应该知道：我们上面的代码少了ready事件，只是针对节点进行查询，并没有将document对象考虑进去。我之前单独讲过window.onload和 document. ready的区别，还对document.ready事件进行了扩展。
现在我们把扩展方法加到这里面：
我们的Init方法要改正一下：
这段代码的大致意思是：如果传入的参数selector是function类型,就执行ready事件。如果是document就将document对象插入到this.elements数组里面(这个传入之后，会在ready事件里面进行判断)。如果是字符窜，就查询出节点，循环插入到this.elements数组里面，没什么难度。主要考虑到$(document).ready和$(function(){})这两种ready事件的写法。
我们接下来把ready函数加进来：
这段代码我之前其实讲过了（onload和ready的区别），不知道的可以看看。
现在ready事件，我们实现了。然后就可以针对节点进行事件注册了。
我们来实现bind函数，代码如下：
这里面都是些兼容性代码，实现节点的事件注册。之前的each,大家可能不知道是要干嘛的。现在在这里面就用到了。
主要作用是针对节点循环做一些操作。
完整代码，来一份：
这几个函数基本上可以实现对节点的事件注册了。其余的一些特效，还需要扩展。如果感兴趣的话可以自己在 _$.prototype对象里面加方法。
标签: jquery 使用
本文链接地址:https://www.jiuchutong.com/biancheng/384931.html 转载请保留说明！上一篇：jQuery获取父元素节点、子元素节点及兄弟元素节点的方法(jquery 获取父元素的子元素)
下一篇：Jquery实现$.fn.extend和$.extend函数
