jQuery扩展---$.extend和$.fn.extend
2019独角兽企业重金招聘Python工程师标准>>>
一、jQuery.extend
(function($){$.extend({static:function(){console.log("静态方法");}});
}(jQuery));$(function(){$.static(); //console "静态方法" $("#mydiv").static; //报错
});
上面代码给Jquery 这个类本身添加了一个叫static的方法,被合并到了全局对象中,只与 Jquery 本身有关,与其他的 Jquery 实例对象是没有关系的。所以,这个扩展也就是所谓的静态方法。
二、jQuery.fn.extend
(function($){$.fn.extend({showId:function(){console.log(this.attr("id")); //mydiv 这里this指的是调用这个方法的jQuery实例对象,本例指得是$("#mydiv");console.log(this instanceof jQuery); //true},dynamic:function(){console.log("jQuery实例对象的");}});
}(jQuery));$(function(){$("#mydiv").showId(); $("#mydiv").dynamic(); //console "jQuery实例对象的"$.showId(); //报错
});
在jQuery源码里,jQuery.fn=jQuery.prototype,jQuery实例对象的原型赋值给jQuery.fn,所以,jQuery.fn.extend拓展的是jQuery对象(原型的)的方法啊!jQuery实例对象是啥?就是类的实例化嘛,例如 $(“#mydiv”) 。
转载于:https://my.oschina.net/daladida/blog/891947
jQuery扩展---$.extend和$.fn.extend相关推荐
- JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)
为什么80%的码农都做不了架构师?>>> 理解$.extend(),与$.fn.extend()方法区别 1.$.extend()方法 $.extend()方法在JQuery中 ...
- jQuery插件开发中$.extend和$.fn.extend辨析
jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法. 开发扩展其方法时使用$.extend方法,即jQuery. ...
- $.extend()和$.fn.extend()
jQuery.extend():把两个或者更多的对象合并到第一个当中: jQuery.fn.extend():把对象挂载到jQuery的prototype属性,来扩展一个新的jQuery实例方法. 两 ...
- jquery的$.extend和$.fn.extend作用及区别(—)
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. ...
- jquery的$.extend、$.fn.extend、 jQuery.extend( target, object1, [objectN])作用及区别
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend();jQuery.extend(); 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. j ...
- jquery中方法扩展 ($.fn $.extend) 学习笔记
A.$.fn 1.$.fn.method() 函数为jQuery对象扩展一个属性和方法(主要用于扩展方法) :method 为自定义方法名 ($.fn 等效 $.prototype) 1 $.fn.b ...
- jquery的extend和fn.extend
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展j ...
- 理解jquery的$.extend()、$.fn和$.fn.extend()
jQuery为开发插件提拱了两个方法,分别是:· jQuery.fn.extend();或者$.fn.extend jQuery.extend();或者$.extend jQuery.fn ($.fn ...
- jQuery 请指出'$'和'$.fn'的区别?或者说出'$.fn'的用途。
http://hi.baidu.com/chy0806css/item/acc52425099c30ff50fd87eb Jquery为开发插件提供了两个方法,分别是: $.extend(obj);$ ...
最新文章
- linux 回退乱码,如何在linux sqlplus 下实现方向健和回退键操作而避免乱码
- MySQL子查询介绍
- sqlmap源码阅读
- EXCEL 两列名字 如何快速查看缺少了哪些人名
- 《A Tour of PostgreSQL Internals》学习笔记——进程间通信
- 【数学建模】CUMCM-2010A 储油罐的变位识别与罐容表标定 解题思路整理
- 专利写作规范及如何写一篇专利
- c# 中通快递对接_中通快递-单号查询接口-物流路由跟踪信息快递鸟api对接教程...
- CMD命令提示符保姆级入门教程
- Java并发学习笔记19 线程池 ThreadPoolExecutor
- 跑步用app轨迹画得比较准确的居然是“咕咚”
- Science:已“死亡”的细菌仍能感知来自环境的信息
- Maven 官网查找依赖包
- 如何用地推进行有效获客降低成本提高效率?
- 计算机专业评级高校b,国内大学计算机专业的排名是怎样的?
- commvault备份mysql_CommVault备份到华为云对象存储实践
- 明日开幕|第四届OpenI/O启智开发者大会
- iot 开源平台thingsboard使用总结
- sketchup随手笔记
- 图神经网络_task03