jquery扩展的两个方法与区别 $.extend $.fn.extend
- jQuery.extend:Query本身的扩展方法
-
jQuery.fn.extent(Object) jquery 所选对象扩展方法
jQuery.extend
我们先把jQuery看成了一个类,这样好理解一些。
jQuery.extend(),是扩展的jQuery这个类。
比如:猴子这个类,会说话,会爬树。现在我们用jQuery.extend()给它增加一个本领,让它也会敲代码。如下代码$.extend({ qiaodaima:function(){ alert("我会敲代码了"); } }) //注:$是jQuery的缩写
使用方法
$.qiaodaima();
猴子就是jQuery这个类,敲代码是这个类里面的方法。
所以这个敲代码只有猴子会,而大象狮子并不会。
这个扩展也就是所谓的静态方法。只跟这个 类 本身有关。跟你具体的实例化对象是没关系滴。jQuery.fn.extend()
然而jQuery.fn.extend()是用在jQuery对象上面的。
例如:$.fn.extend({ qiaodaima:function(htmldom){ $(this).text("敲代码"); } });
使用方法
$(".class").qiaodaima();
另一种写法:
(function($){ $.fn.qiaodaima = function(htmldom){ $(this).text("敲代码"); } })(jQuery)
调用方法一样。
第二种方法定义了一个jQuery函数,形参是,函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用这个别名,而不会与prototype引起冲突. -
区别
其实吧,jQuery.extend()这个方法,主要是用来拓展个全局函数啦,例如.ajax()这种,要不就是拓展个选择器啦,例如.fn.each(),当选择器用。
大部分插件都是用jQuery.fn.extend()。
摘自:http://blog.csdn.net/u012536005/article/details/50786912
分类:
Jquery
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了