在学习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 函数详解 #### 一、概述 在JavaScript前端开发中,jQuery是一个非常流行的库,它简化了许多常见的操作,比如DOM操作、事件处理、AJAX交互等。`jQuery.extend`是jQuery提供的一个用于扩展jQuery...
jQuery为开发插件提拱了两个方法,分别是: 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象...
jQuery.extend(jQuery.validator.messages, { required: "这是必填字段。", remote: "请修正此字段。", // ...其他规则的自定义提示... }); ``` 在实际应用中,你可以将验证规则添加到特定的表单元素上,例如: ...
jQuery.extend(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", // ... 其他规则 });...
尤其是当使用$.extend()为jQuery或其原型添加方法时,需要确保方法能够正确引用,并且在适当的作用域内可用。 综上所述,$.extend()是jQuery库中一个非常实用的方法,它为JavaScript对象扩展和合并提供了多种方式,...
请将你的原默认样式换成本主题的easyui.css即可,另外需要额外加载jquery.insdep-extend.min.js主题包初始化扩展文件。 jquery.easyui.min.js及jquery.min.js都是官方原版,未进行任何修改,可以选择性使用。
`mergeData`函数使用了`jQuery.extend`或类似的方法进行深拷贝,以合并两个对象。深拷贝确保了即使原对象被修改,新的对象也不会受到影响。合并策略的核心在于,对于同一个属性,如果在子类`data`中定义,那么它将...
**jQuery 1.4.1中文手册** `jQueryAPI-100214.chm`是开发者的重要参考资料,它详细介绍了jQuery的各个API,包括函数用法、参数说明和示例,帮助开发者深入理解和使用jQuery。 总之,这个压缩包提供了jQuery的基础和...
3. jQuery.extend():这是用于扩展jQuery和自定义对象的方法,可以实现插件开发。注释详细解释了如何使用这个方法。 4. 其他辅助函数:jQuery还提供了一些辅助函数,如`$.each()`、`$.trim()`等,这些函数在vsdoc.js...
4. **插件开发**:可能还会涉及如何扩展jQuery来创建自定义插件,以及如何利用$.extend()等方法进行配置。 5. **兼容性**:手册可能包含了jQuery对不同浏览器的兼容性信息,这对于跨平台开发至关重要。 6. **性能...
本文详细介绍基于jQuery开发插件的方式及步骤,其中附有代码和说明,是jq插件开发的入门教程。jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); 给jQuery对象添加方法。 jQuery.extend(object);...
让我们通过一个具体的例子来说明如何使用$.fn.extend来扩展jQuery对象。假设我们需要开发一个插件,需要在用户点击编辑框时弹出编辑框内的内容,我们可以按照以下步骤进行: 1. 使用$.fn.extend方法来创建一个新的...
通过`$.fn.extend()` 可以添加新的方法到jQuery对象上,使得所有选择的元素都能使用这些方法。 **8. 版本和兼容性** jQuery.js 文件是jQuery库的源码,不同版本可能有不同的特性和性能优化。最新的版本通常提供更好...
将jQuery.js、Element UI和Vue.js结合使用,可以在享受Vue.js的响应式数据绑定和组件化优势的同时,利用jQuery的DOM操作能力和成熟的生态系统。例如,jQuery可以用于快速实现复杂的DOM操作或者处理一些低级别的...
`jQueryAPI-100204.chm`是官方提供的API帮助文档,包含了jQuery 1.4的所有方法、事件、属性等详细说明,是学习和查阅jQuery功能的重要参考资料。 总结,jQuery 1.4虽然已是较旧的版本,但它仍然是理解jQuery基础和...
为了避免与页面上其他脚本库的冲突,可以使用立即执行的函数表达式(IIFE)来封装插件代码,并在其中使用`$`作为jQuery的别名: ```javascript (function($) { $.fn.myPlugin = function() { // 插件代码逻辑 };...
标题中提到的知识点是...综上所述,本文通过介绍jQuery.extend()和jQuery.fn.extend()两种创建插件的方法,详细解释了jQuery插件开发的基本原理和使用方式,旨在帮助初学者清晰地理解并能够动手实践jQuery插件的开发。