前端-jQuery插件开发-为什么要用extend()方法?

问题描述

jQuery插件开发-为什么要用extend()方法?

我知道jQuery插件开发中有一种是extend,是合并对象用的。
为什么要用jQuery.extend() 的方法扩展jQuery方法?
而不是直接用jQuery.pluginname = function(){} 这样的方法?
在我看来这两种都是直接在jQuery命名空间下加一个方法,那为什么更推荐使用extend方法来扩展??

解决方案

jQuery插件开发中的extend方法
jquery插件开发方法
jquery插件开发方法

解决方案二:

插件开发是扩展$.fn,不是$,至于用$.extend或者是$.fn.xxxx=function(){.....}随便你,这个没有硬性规定
给jQuery添加名字空间也一样,没有硬性规定用extend或者$.xxxx
一般来说防止$争用需要用一个匿名函数来传递jQuery,如

 (function($){
//.......对$直接扩展,而不用写jQuery全名
})(jQuery);

解决方案三:

 jQuery.pluginname是加全局方法
 jQuery.extend() 方式是在当前组件对象
时间: 2024-11-16 09:56:34

前端-jQuery插件开发-为什么要用extend()方法?的相关文章

jquery 插件开发 extjs中的extend用法小结_jquery

在jquery中,extend其实在做插件时还是用的比较多的,今天同时小结jquery和ext js中 的extend用法,先来看jquery中的. 1) extend(dest,src1,src2,src3...); 复制代码 代码如下: var start = { id: 123, count: 41, desc: 'this is information', title: 'Base Object', tag: 'uncategorized', values: [1,1,2,3,5,8,1

jQuery插件开发的两种方法及$.fn.extend的详解

 jQuery插件开发分为两种:1 类级别.2 对象级别,下面为大家详细介绍   1 类级别    类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.    开发扩展其方法时使用$.extend方法,即jQuery.extend(object);   代码如下: $.extend({    add:function(a,b){return a+b;} ,    minus:function(a,b){return a-b;}  });    页面中调用:

详解jQuery插件开发中的extend方法_jquery

Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,dest是要整合的空间可以使{} 或者不写 src是一个JSON表达式表示的javascript对象.... 因此里面可以添加方法属性等等... 我么通过不同的应用可以将我们自己的方法整合到jQuery空间中....实现插件开发 在jQuery中定义  jQuery.extend = jQuery.fn.extend  所以这两个函数式相同的  一.Jquery的扩展方法原型是: extend(dest,s

jQuery插件开发的两种方法及$.fn.extend的详解_jquery

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

jQuery插件开发中的extend方法

Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,      dest是要整合的空间可以使{} 或者不写     src是一个JSON表达式表示的javascript对象.... 因此里面可以添加方法属性等等...  我么通过不同的应用可以将我们自己的方法整合到jQuery空间中....实现插件开发  在jQuery中定义  jQuery.extend = jQuery.fn.extend  所以这两个函数式相同的  一.Jquery的扩展方法原型是: e

jQuery插件开发中$.extend和$.fn.extend辨析

 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 = $

jQuery中extend()和fn.extend()方法详解

  jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法. 这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下:    代码如下: <!doctype html> <html> <head>

分析了一下JQuery中的extend方法实现原理

 这篇文章主要介绍了通过jQuery.extend的源码分析了一下JQuery中的extend方法实现原理以及使用方式,非常的详细,这里推荐给大家,有需要的小伙伴来参考下吧.     很久没有发表帖子了,今天突然分析了一下JQuery中的extend方法实现原理.目的为了提高自己对JQuery的认识,也想了解JavaScript高手是如何编写JS的,如有不足请指正.谢谢! 下面是JQuery.extend方法源代码:   代码如下: jQuery.extend = jQuery.fn.exten

jQuery中extend()和fn.extend()方法详解_jquery

这两个方法用的是相同的代码一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例对于基本用法举几个例子 html代码如下 复制代码 代码如下: <!doctype html> <html>    <head>       <title></title>         <script src='jquery-1.7.1.js'></script>    </head>    <