`

jquery.extend使用说明

 
阅读更多
在学习jquery的时候偶然看到JQuery.extend()操作,不知道怎么回事,通过查找有了大致了解,在此整理,谨记之。



jquery为开发插件提供了两个方法:
JQuery.fn.extend(object);//1
JQuery.extend(object);//2

虽然javascript没有明确的类概念,但是我们不妨把它当做类解释,这样我们更容易理解;
JQuery就相当于一个类:

  1、类中有类方法和成员方法
  2、类可以通过继承是想扩展

通过JQuery.extend扩展的内容相当于类范围,可以直接调用
   例:我们通过
        JQuery.extend({
        add:function(id,value){
            }
       })
      添加了一个add静态方法;
   然后我们就可以在使用jquery的地方通过$.add(1,1)调用


在看JQuery.fn.extend,通过产看代码可以知道是对JQuery.prototype的扩展,
     例:我们通过
        JQuery.fn.extend({
        add:function(){
            }
       })
      添加了一个add实例方法;
   然后我们就可以在使用jquery的地方通过$('input').add()调用;



注意:

在这里还有一个特殊的地方,就是在函数开头的地方有jQuery.extend = jQuery.fn.extend,而在程序的前面已经将jQuery.prototype赋值给jQuery.fn了,所以在后面的调用中会出现 jQuery.extend()和jQuery.fn.extend()的不同调用,这两个方法调用产生的结果也不一样,jQuery.extend() 的调用并不会把方法扩展到对象的实例上,引用它的方法也需要通过jQuery类来实现,如jQuery.init(),而 jQuery.fn.extend()的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法,这是很重要的,在jQuery.js中到处体现这一点

 



分享到:
评论

相关推荐

    jQuery.extend 函数详解

    ### jQuery.extend 函数详解 #### 一、概述 在JavaScript前端开发中,jQuery是一个非常流行的库,它简化了许多常见的操作,比如DOM操作、事件处理、AJAX交互等。`jQuery.extend`是jQuery提供的一个用于扩展jQuery...

    jquery的extend和fn.extend的使用说明

    jQuery为开发插件提拱了两个方法,分别是: 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象...

    jQuery验证控件jquery.validate.js使用说明+中文API.doc

    jQuery.extend(jQuery.validator.messages, { required: "这是必填字段。", remote: "请修正此字段。", // ...其他规则的自定义提示... }); ``` 在实际应用中,你可以将验证规则添加到特定的表单元素上,例如: ...

    jquery.validate的使用说明介绍

    jQuery.extend(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", // ... 其他规则 });...

    jquery.validate使用攻略

    ### jQuery.Validate 使用攻略详解 #### 一、简介与基本用法 **jQuery Validate** 是一个强大的表单验证插件,它极大地简化了前端表单验证的过程,并提供了丰富的内置验证规则和自定义验证功能。该插件非常适合...

    jQuery $.extend()用法总结

    尤其是当使用$.extend()为jQuery或其原型添加方法时,需要确保方法能够正确引用,并且在适当的作用域内可用。 综上所述,$.extend()是jQuery库中一个非常实用的方法,它为JavaScript对象扩展和合并提供了多种方式,...

    jQuery EasyUI 1.5.x of insdep theme美化主题包

    请将你的原默认样式换成本主题的easyui.css即可,另外需要额外加载jquery.insdep-extend.min.js主题包初始化扩展文件。 jquery.easyui.min.js及jquery.min.js都是官方原版,未进行任何修改,可以选择性使用。

    vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略

    `mergeData`函数使用了`jQuery.extend`或类似的方法进行深拷贝,以合并两个对象。深拷贝确保了即使原对象被修改,新的对象也不会受到影响。合并策略的核心在于,对于同一个属性,如果在子类`data`中定义,那么它将...

    jquery-1.7.1 及 jquery1.4.1中文手册(最新)

    **jQuery 1.4.1中文手册** `jQueryAPI-100214.chm`是开发者的重要参考资料,它详细介绍了jQuery的各个API,包括函数用法、参数说明和示例,帮助开发者深入理解和使用jQuery。 总之,这个压缩包提供了jQuery的基础和...

    jquery-1.4.2-vsdoc.js/jquery-1.4.4-vsdoc.js

    3. jQuery.extend():这是用于扩展jQuery和自定义对象的方法,可以实现插件开发。注释详细解释了如何使用这个方法。 4. 其他辅助函数:jQuery还提供了一些辅助函数,如`$.each()`、`$.trim()`等,这些函数在vsdoc.js...

    jqueryAPI.zip_jQuery API.z_jquery

    4. **插件开发**:可能还会涉及如何扩展jQuery来创建自定义插件,以及如何利用$.extend()等方法进行配置。 5. **兼容性**:手册可能包含了jQuery对不同浏览器的兼容性信息,这对于跨平台开发至关重要。 6. **性能...

    jQuery插件开发解析

    本文详细介绍基于jQuery开发插件的方式及步骤,其中附有代码和说明,是jq插件开发的入门教程。jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); 给jQuery对象添加方法。 jQuery.extend(object);...

    jQuery中$.fn的用法示例介绍

    让我们通过一个具体的例子来说明如何使用$.fn.extend来扩展jQuery对象。假设我们需要开发一个插件,需要在用户点击编辑框时弹出编辑框内的内容,我们可以按照以下步骤进行: 1. 使用$.fn.extend方法来创建一个新的...

    JQuery的API说明文档

    通过`$.fn.extend()` 可以添加新的方法到jQuery对象上,使得所有选择的元素都能使用这些方法。 **8. 版本和兼容性** jQuery.js 文件是jQuery库的源码,不同版本可能有不同的特性和性能优化。最新的版本通常提供更好...

    jqury.js+elementUI+vue.js.rar

    将jQuery.js、Element UI和Vue.js结合使用,可以在享受Vue.js的响应式数据绑定和组件化优势的同时,利用jQuery的DOM操作能力和成熟的生态系统。例如,jQuery可以用于快速实现复杂的DOM操作或者处理一些低级别的...

    jQuery 1.4 源码以及chm文档

    `jQueryAPI-100204.chm`是官方提供的API帮助文档,包含了jQuery 1.4的所有方法、事件、属性等详细说明,是学习和查阅jQuery功能的重要参考资料。 总结,jQuery 1.4虽然已是较旧的版本,但它仍然是理解jQuery基础和...

    jquery插件开发文档

    为了避免与页面上其他脚本库的冲突,可以使用立即执行的函数表达式(IIFE)来封装插件代码,并在其中使用`$`作为jQuery的别名: ```javascript (function($) { $.fn.myPlugin = function() { // 插件代码逻辑 };...

    jquery 插件学习(一)

    标题中提到的知识点是...综上所述,本文通过介绍jQuery.extend()和jQuery.fn.extend()两种创建插件的方法,详细解释了jQuery插件开发的基本原理和使用方式,旨在帮助初学者清晰地理解并能够动手实践jQuery插件的开发。

Global site tag (gtag.js) - Google Analytics