$.extend()和$.fn.extend()区别

最新推荐文章于 2023-05-24 13:37:15 发布
最新推荐文章于 2023-05-24 13:37:15 发布
阅读量603 收藏
点赞数
分类专栏： jquery 文章标签： .extend .fn.extend .extend和.fn.extend区别

jQuery.fn的作用

jQuery1.83中的代码如下:

jQuery.fn
 = jQuery.prototype = {

   //代码

}


一.$.extend():
此方法是用来扩展jQuery类，它所方法是全局性，直接用jQuery类即可引用
例如: 
$.extend({
<span style="font-family:Microsoft YaHei;">    </span>minValue:function(a,b){
<span style="font-family:Microsoft YaHei;">        </span>return a<b?a:b;
<span style="font-family:Microsoft YaHei;">    </span>}
});
$.minValue(5.6);


二.$.fn.extend():
此方法则是用来扩展jQuery的实例方法，也就是说jQuery类的实例对象可以调用此函数
代码如下: 
<script type="text/javascript">
$(document).ready(function(){
   $.fn.extend({
   theAlert:function(){
      alert("自定义的函数");
    }
  })
  $("thediv").theAlert()
})
</script>
</head>
<body>
  <div
id="thediv">按钮</div>
</body>
</html>


以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法，那么就必须要用对象实例来调用此方法，$("thediv")就是一个对象实例，这样它就可以调用添加的方法，当然在实际的开发中，几乎不可能有这么简单的例子，这里只是讲述一下原理。


转自：http://blog.csdn.net/z69183787/article/details/17766703

arthur.dy.lee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[jQuery] jquery.extend与jquery.fn.extend的区别？
歌谣的博客
03-08 214
[jQuery] jquery.extend与jquery.fn.extend的区别？ 1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上方法，但在jQuery内部代码实现的是相同的，只是功能却不太一样； 且看官方给出解释： jQuery.extend(): Merge the contents of two or more objects together into the
$.extend()和_.extend()源码解读
Flying...
03-24 7776
内容概要：1.对象引用案例分析；                   2._.extend()方法源码解读；                   3.$.extend()方法源码解读。 1      对象引用案例分析： 2      _.extend()方法源码解读： _.extend()方法是Underscore.js库提供的一个方法，作用是将sources对象中的所有属性
jQuery $.fn.extend()和$.extend()详解
weixin_42185136的博客
11-27 1836
尽管现在有大量非常棒的插件可供我们免费下载和使用，但是在实际开发中，我们有时候需要根据项目需求自己来定义一个插件，提供给团队其他人复用。学习使用 jQuery 并不难，因为它非常简单。但是如果你想要使能力上升一个台阶，学会编写一个属于自己的 jQuery 插件是一个不错的办法。 从广义上来说，jQuery 插件可以分为以下 3 种。 方法类插件； 函数类插件 选择器插件； 其中的选择器插件，很少有人会去开发使用，因为 jQuery 内置的选择器已经足够完善了，所以我们只会介绍方法类插件和函数类插件。 j
$.fn.extend详解
why2010ps的专栏
01-27 564
看别人的js代码，看到$.fn.extend，不懂事啥意思，百度学习了下。这里做个小总结。首先，.extend和.extend和.fn.extend都是用来扩展jQuery的。区别是.extend扩展的是JQuery的全局对象，.extend扩展的是JQuery的全局对象，.fn.extend扩展的是JQuery的实例对象。Demo说话，//扩展到全局Jquery对象 $.extend({
$.fn.extend简单学习
weixin_34191845的博客
07-24 105
(function($){ /** 1. $.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法, 那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子：$("#div").abc(); 2....
$.fn.extend()的具体用法。
看不过的黑工坊
09-28 596
译自：http://api.jquery.com/jQuery.fn.extend/ 具体html页面例子如下： demo $.fn.extend({ alertWhileClick : function() { alert("what?"); } }); $.fn.extend({ data : 123, message : "
jQuery的extend方法【三种】
shenenhua的博客
09-14 4636
jq中的extend在面试中经常会被问道，今天我总结一个下有关于extend的用法三种进行对比，可能不全，希望大家指点， 用法一： $.extend({}),为jQuery类添加方法，可以理解为扩展静态方法 用法二：$.fn.extend({}) 插件，对jQuery.prototype进行扩展，提到插件那么就得说一下另一种方法$.fn.method = function(){} 　　　　1. $.fn.method = function(){} 可以定义一个方法 　...
深入理解jquery的$.extend()、$.fn和$.fn.extend()
10-19
在jQuery中，`$.extend()`、`.fn`（即`jQuery.fn`）和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...
Jquery实现$.fn.extend和$.extend函数
11-26
在jQuery库中，`$.fn.extend` 和 `$.extend` 是两个非常重要的功能，它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似，但作用却截然不同。 首先，`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...
jquery $.fn.extend
09-04
`$.fn.extend`是jQuery库中的一个核心方法，主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数，从而实现对DOM元素的...在实际开发中，善用`$.fn.extend`可以极大地提升开发效率和代码质量。
jQuery插件开发的两种方法及$.fn.extend的详解
12-10
jQuery插件开发分为两种： 1 类级别 类级别你可以理解为拓展jquery类，最明显的例子是$.ajax(…),相当于静态方法。 开发扩展其方法时使用$.extend方法，即jQuery.extend(object); 代码如下: $.extend({ add:function(a,b){return a+b;} , minus:function(a,b){return a-b;} }); 页面中调用： 代码如下: var i = $.add(3,2); var j = $.minus(3,2); 2 对象级别 对象级别则可以理解为基于对象的拓展，如$(“#table”).chan
11-jQuery-插件机制 $.fn 和 $.extend
最新发布
记录java学习日常~
05-24 385
上述代码表示：使用 $.fn 扩展 jQuery 对象的原型，为 jQuery 对象添加了一个新的方法 changeColor()，该方法可以改变调用它的元素的背景颜色。然后在页面加载完成后，给 button 元素绑定一个点击事件，触发该事件时，调用 changeColor() 方法改变 container 元素的背景颜色为红色。上述代码表示：使用 $.extend 扩展 jQuery 对象，为 jQuery 对象添加一个新的方法 sayHello()，该方法可以根据传入的参数向指定的元素输出问候语。
JQ_插件开发
weixin_30394981的博客
07-22 182
在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。1. 把你的代码全部放在闭包里面...
前端提高篇（101）：jQuery高级方法：extend使用
安之ccy的博客
04-06 602
$.extend()作用： 1.用于将一个或多个对象的内容合并到目标对象 2.为全局对象jQuery添加新的函数 参数： 合并对象的基本使用 //创建两个对象 var people1 = { ccy:{ age:18, sex: 'female' }, ccy1 : 22 }; var people2 = { ccy2:{ age:19, sex: 'female' } }; //合并两个对象到peop
jquery的.fn.extend使用方法
海生的博客
08-03 655
jQuery为开发插件提拱了两个方法，分别是： $.fn.extend()和$.extend(); 下面来看下两个方法的具体使用： 1)  $.extend() extend(data,src1,src2,src3…);该方法是将src1,src2,src3…合并到data中,返回值为合并后的data。 var newObj=$.extend({},s
jquery 中 $.extend 和 $.fn.extend 的区别
li_2580的博客
09-25 501
它们的区别其实很简单，$.extend是用来扩充jquery类属性或者方法所用 而 $ .fn.extend是用来扩充jquery实例的属性或者方法所用，那什么是类属性什么又是实例属性呢？只要是静态的就是属于类级别，非静态的就是实例级别的 $.extend是用来扩充jquery类属性或者方法所用 var jsonObj1={ sid:'s001', sname...
$.fn.extend和$.extend的用法
u010156872的博客
10-03 286
$.fn.extend  给jquery对象添加方法，相当于把方法扩展到了对象的prototypes上。 $.extend 给jquery类添加方法，可理解为静态方法，可直接调用。 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="urf-8"&gt; &lt;title&gt;Demo&lt;..
$.extend()详解
热门推荐
风火一回，一生不毁
10-25 1万+
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是:　　　 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并
jQuery.fn.extend() 函数详解
时清云的博客
03-31 715
jQuery.fn.extend()函数用于为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法)。 jQuery.fn是jQuery的原型对象，其extend()方法用于为jQuery的原型添加新的属性和方法。这些方法可以在jQuery实例对象上调用。 该函数属于jQuery的原型对象(jQuery.fn)。 语法 jQuery 1.0 新增该静态函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值