juqery.fn.extend和jquery.extend

jquery.fn == jquery.prototype //true

jquery.extend( obj1,obj2 ) 用一个或多个对象来拓展一个对象,返回拓展之后的对象
var aaa = {
a:1,
b:2
}
var bbb = {
a:3,
b:4,
c:5
}
$.extend(aaa,bbb); //aaa=bbb={ a:3, b:4, c:5 }

对jquery.fn进行拓展,就是为jquery类添加“成员函数”;jquery的实例可以使用这个函数。像$(‘div‘),用这个语句就会生成一个jquery的实例。

jquery可以这么写:
(function($) {
$.fn.extend({
a: function() {
$(this).click(function() {
alert($(this).text());
})
}
})
})(jQuery)

zepto只能这么写:
(function($) {
$.extend($.fn,{
a: function() {
$(this).click(function() {
alert($(this).text());
})
}
})
})(Zepto)

时间: 2024-10-27 09:06:04

juqery.fn.extend和jquery.extend的相关文章

jquery.fn.extend与jquery.extend用法与区别

关于jquery.fn.extend与jquery.extend用法与区别. jQuery为开发插件提拱了两个方法,分别是:  代码如下 复制代码 jQuery.fn.extend(object);  和   jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现.  代码如下 复制

jQuery原生框架中的jQuery.fn.extend和jQuery.extend

extend 方法在 jQuery 中是一个很重要的方法,jQuey 内部用它来扩展静态方法或实例方法,而且我们开发 jQuery 插件开发的时候也会用到它.但是在内部,是存在 jQuery.fn.extend 和 jQuery.extend 两个 extend 方法的,而区分这两个 extend 方法是理解 jQuery 的很关键的一部分.先看结论: 1)jQuery.extend(object) 为扩展 jQuery 类本身,为类添加新的静态方法: 2)jQuery.fn.extend(ob

jquery.fn.extend与jquery.extend

jQuery为开发插件提拱了两个方法,分别是: JavaScript代码 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现. JavaScript代码 jQuery.fn = jQuery.prototype = { init

jq 插件 的两个相关的函数 jQuery.fn.extend(object); jQuery.extend(object);

jQuery为开发插件提拱了两个方法,分别是:  http://www.cnblogs.com/wyjgreat/archive/2011/07/19/2110754.html JavaScript代码 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看j

转:jQuery.fn.extend与jQuery.extend到底区别在哪?

还是先吐个槽,网上都都是转载抄袭,基本上就那么一两篇文章,说的还不清楚.... 正文: 其实说白了,从两个方法本身就能看出来端倪. 我们先把jQuery看成了一个类,这样好理解一些. jQuery.extend(),是扩展的jQuery这个类. 假设我们把jQuery这个类看成是人类,能吃饭能喝水能跑能跳,现在我们用jQuery.extend这个方法给这个类拓展一个能唱歌的技能.这样的话,不论是男人,女人,xx人.....等能继承这个技能(方法)了. 我们这样写: jQuery.extend({

jquery,fn,extend和jquery.extend

1 把jquery看成是一个类,jquery.extend()是扩展这个类的静态方法,也即是扩展的全局函数,扩展的方法只跟这个类本身有关,跟具体的jquery这个类的实例化对象无关. 例如:$.each(); 2 jquery.fn.extend扩展的是jquery原型对象的方法,扩展的方法只有jquery这个类的实例对象才能使用. 例如:$('#aa').eat();

jQuery.fn.extend与jQuery.extend 的区别

1 jquery.extend 是jquery 静态的方法 实例 jQuery.extend({    liu: function(){        alert('liu');    } }); 使用方法:$.liu();这样就能打印出来”liu“这个字符串 2 Jquery.fn.extend  是jquery 实例的方法 实例 jQuery.fn = jQuery.prototype = {          init: function( selector, context ) {//…

jQuery.fn.extend与jQuery.extend到底区别在哪?

正文: 其实说白了,从两个方法本身就能看出来端倪. 我们先把jQuery看成了一个类,这样好理解一些. jQuery.extend(),是扩展的jQuery这个类. 假设我们把jQuery这个类看成是人类,能吃饭能喝水能跑能跳,现在我们用jQuery.extend这个方法给这个类拓展一个能唱歌的技能.这样的话,不论是男人,女人,xx人.....等能继承这个技能(方法)了. 我们这样写: 1 2 3 4 5 jQuery.extend({     liu: function(){         

JQuery的 jQuery.fn.extend() 和jQuery.extend();

原文链接:http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html jQuery.fn.extend(); jQuery.extend(); jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//…. //…… }; 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦. 虽然