可想实现一个自己的简单jQuery库?(十,实现on与off)

2015-11-23
阅读 3 分钟
3.9k
1.有一个全局存储所有Events的数组,存放每个dom元素上的事件。 2.给每个DOM一个guid的唯一标识符,通过这个guid来找出Events数组里的事件。

可想实现一个自己的简单jQuery库?(九)

2015-11-22
阅读 2 分钟
3.3k
Lesson-8 事件机制 在讲事件机制之前呢,我们有一个很重要的东西要先讲,那就是如何实现事件委托(代理). 只有必须先明白了如何实现一个事件委托,我们才能更好的去实现on和off.在我看来,on和off里最难实现的就是他的事件委托. {代码...} 以上是我对整个委托的实现,当然在这只做了非常简单的实现,没有对很多别的情况进行判断...

可想实现一个自己的简单jQuery库?(八)

2015-11-21
阅读 2 分钟
3k
Lesson-7 新增 html,append,before,after,remove {代码...} html()方法我就用了这种很愚蠢的方法实现了!比起之前的data,attr,css什么的简单多了,大家可以自己继续完善. 接着是我们的重头戏,3个文档插入.我找到了一个原生js叼叼的方法 insertAdjacentHTML 来让我们去看下MDN是怎么解释的 概述 insertAdjacentHTML() 将指...

可想实现一个自己的简单jQuery库?(七)

2015-11-20
阅读 3 分钟
3k
Lesson-6 这个版本完善hasClass和css 方法. 新增 attr和data {代码...} 在我们上一个版本中,没有对css方法传对象进行解析,在这我们要进行完善. 刚刚好我们现在已经有了each方法!直接用上吧! 在我们的for循环中,要先判断下传入的attr参数是字符串还是对象. 如果是字符串,我们就按照css('width','100px')这样的方式处理 如...

可想实现一个自己的简单jQuery库?(六)

2015-11-19
阅读 4 分钟
3.3k
Lesson-5 这个版本新增6个方法,find(),first(),last(),eq(),get(),ajax 先给出代码 {代码...} 我们要仔细分辨下,这4个方法在jQuery中返回的都是什么对象?到底是dom对象还是jQuery对象. 明白了这个后就很容易能写出这4个方法 {代码...} 首先find, 我们知道一般都会这样写 $('div').find('span') 查找div下的span,返回的是...

可想实现一个自己的简单jQuery库?(五)

2015-11-18
阅读 2 分钟
2.7k
Lesson-4 这个版本我们要增加一个用的非常多的方法! 那就是each! 我们知道each不仅能遍历数组,还能遍历对象. 首先我们需要一个对数组进行验证的方法 {代码...} 接着就是我们的重头戏 {代码...} 因为我们还可能遍历Kodo数组对象 如 {代码...} 所以还需要一个判断 是否是Kodo数组对象 {代码...} 在这应该强调下call的用法,...

可想实现一个自己的简单jQuery库?(四)

2015-11-17
阅读 1 分钟
2.7k
Lesson-3 修改f(selector) 里的判断,新增domReady 我们知道在jQuery中还有一种选择器写法 {代码...} 在dom加载完毕后马上就执行,这样的方法会比onload更快,所以domReady对于我们来说一定是必不可少的 我们在init方法中要新增以下判断 {代码...} 首先selector可能为object的情况,比如传入的是原生dom对象,dom数组对象. 另...

可想实现一个自己的简单jQuery库?(三)

2015-11-16
阅读 2 分钟
3.7k
Lesson-2 这个版本新增 next(),prev(),parent(),parents() 这4个选择元素的方法还是比较常用的 首先我们需要一个func来过滤我们需要的dom {代码...} 上面那段比较简单,就是普通的过滤下元素 {代码...} 看下next方法的源码就知道,我传入Kodo数组对象的0个dom对象,然后取它的下一个同辈元素,直接返回,prev方法同理 {代码.....

可想造一个属于你自己的jQuery库?(二)

2015-11-15
阅读 2 分钟
4k
Lesson-1 初步体验 这个版本呢,先来加四个很简单的方法感受感受下! 首先3个class不用说了 {代码...} 然后新增一个 {代码...} 这些其实都很简单,我们都要记住,我们封装的DOM对象是一个数组,所以一定都需要用循环来进行各种个样的处理. 然后css这我是用arguments的个数来进行判断是取值还是设值. 最后千万别忘了每个方法的...

可想实现一个自己的简单jQuery库?(一)

2015-11-14
阅读 2 分钟
6k
1.虽然说市面上有许多讲解jQuery源码或者是也有类似如何搭建一个属于自己的javascript库的文章。2.但毕竟更多数人的水平并没有达到单纯看源码解析就能读懂jQuery3.如果你既不能通过书籍视频和他人文章的源码解析明白jQuery,也想自己实现一个jQuery的。4.本系列就是以一些不同的方法手段,简单的代码,实现了一套与jQuer...