jquery
文章平均质量分 66
LONGSHAN123456789
这个作者很懒,什么都没留下…
展开
-
理解jquery的$.extend()、$.fn和$.fn.extend()
jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = { init: function( selector, context ) {//….//……};原来 jQuery.fn = jQuery.prototyp转载 2016-04-15 22:48:04 · 275 阅读 · 0 评论 -
Jquery中each的三种遍历方法
1、选择器+遍历$('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象});2、选择器+遍历$('div').each(function (index,domEle){ index就是索引值 domEle 表示获取遍历每一个dom对象});原创 2016-05-25 12:23:20 · 592 阅读 · 0 评论 -
分析二:链式调用
分析二:链式调用 通过简单扩展原型方法并通过return this的形式来实现跨浏览器的链式调用。利用JS下的简单工厂模式,来将所有对于同一个DOM对象的操作指定同一个实例。 实现链式的基本条件就是实例this的存在,并且是同一个aQuery.prototype = { init: function() { return this;原创 2016-05-25 15:06:08 · 377 阅读 · 0 评论 -
分析一:jQuery的无new构建
JavaScript是函数式语言,函数可以实现类,类就是面向对象编程中最基本的概念var aQuery = function(selector, context) { //构造函数}aQuery.prototype = { //原型 name:function(){}, age:function(){}}var a = new aQue原创 2016-05-25 14:56:51 · 835 阅读 · 0 评论 -
jquery extend实现原理
今天突然分析了一下JQuery中的extend方法实现原理。目的为了提高自己对JQuery的认识,也想了解JavaScript高手是如何编写JS的,如有不足请指正。谢谢!下面是JQuery.extend方法源代码:复制代码代码如下:jQuery.extend = jQuery.fn.extend = function() { var options转载 2016-08-31 11:39:37 · 1571 阅读 · 0 评论 -
jquery事件处理机制
jQuery事件处理机制:事件处理机制1)事件绑订的方式bind(type,fn)2)、绑订方式的简写形式click(function(){});3)、合成事件hover(enter,leave) : 模拟光标悬停事件toggle(fn1,fn2...):模拟鼠标连续单击事件4)、事件冒泡a、获得事件对象//event不再是原始的事件对象转载 2016-08-10 10:48:35 · 426 阅读 · 0 评论 -
jquery插件
分析三:插件接口jQuery的主体框架就是这样,但是根据一般设计者的习惯,如果要为jQuery或者jQuery prototype添加属性方法,同样如果要提供给开发者对方法的扩展,从封装的角度讲是不是应该提供一个接口才对,字面就能看懂是对函数扩展,而不是看上去直接修改prototype.友好的用户接口,jQuery支持自己扩展属性,这个对外提供了一个接口,jQuery.fn.ext原创 2016-05-25 15:19:55 · 266 阅读 · 0 评论