jQuery.fn.extend(); 和 jQuery.extend();的区别
来源:互联网 发布:中搜网络到底怎么了 编辑:程序博客网 时间:2024/05/20 03:37
jQuery为开发插件提拱了两个方法,分别是:
1. jQuery.fn.extend();
2. jQuery.extend();
虽然 javascript没有明确的类的概念,但是可以构建类似类的定义。
jQuery便是一个封装得非常好的类,比如,$("#btn1") 会生成一个 jQuery类的实例,理解这一点很重要。
(1). jQuery.extend(object);
它是为jQuery类添加类方法,可以理解为添加静态方法。如:
a.jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); // 2
b. jQuery.extend(target, object1, [objectN])用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
jQuery.max(4,5); // 5var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);
结果:settings == { validate: true, limit: 5, name: "bar" }
(2). jQuery.fn.extend(object);
$.fn是什么?
$.fn是指jQuery的命名空间,fn上的成员(方法function及属性property),会对jQuery实例每一个有效。
查看jQuery代码,就不难发现。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
};
原来 jQuery.fn = jQuery.prototype.
所以,它是对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。可以这么做:
$.fn.extend({
doAlertWhileClick:function() {
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").doAlertWhileClick(); // 页面上为:
$("#input1") 为一个jQuery实例,当它调用成员方法 doAlertWhileClick后,便实现了扩展,每次被点击时它会先弹出目前编辑里的内容。
- jQuery: $.extend()和$.fn.extend()的区别
- jquery的$.extend和$.fn.extend区别
- 【探究jQuery】jQuery.extend 和 jQuery.fn.extend 的区别
- jQuery.extend和jQuery.fn.extend区别
- jquery的$.extend()、$.fn和$.fn.extend()
- jquery的$.extend()、$.fn和$.fn.extend()
- jquery.fn.extend与jquery.extend的区别和使用
- jquery.extend 与 jquery.fn.extend的区别和使用
- jquery.fn.extend与jquery.extend的区别和使用
- jQuery.extend和jQuery.fn.extend的区别
- jQuery.extend和jQuery.fn.extend的区别
- jQuery.extend和jQuery.fn.extend的区别
- jQuery.extend和jQuery.fn.extend的区别
- jQuery.extend和jQuery.fn.extend的区别
- jQuery.extend 和 jQuery.fn.extend 的区别
- jQuery - jQuery的$.extend和$.fn.extend作用及区别
- jQuery.extend和jQuery.fn.extend的区别
- jQuery.extend和jQuery.fn.extend的区别
- Java编程题练习2017-02-14
- 生成随机数
- hdu1015(暴力枚举。。。。)
- Java类加载机制
- RabbitMQ如何实现延迟队列?
- jQuery.fn.extend(); 和 jQuery.extend();的区别
- 开发工具: 搭建一个Linux开发环境
- POJ 3792 Area of Polycubes 已被翻译
- Leetcode 4 - Median of Two Sorted Arrays(二分)
- android 点击缩略图查看大图
- C#中dictionary字典类介绍
- mysql编码为utf8储存emoji表情
- Project Euler 005 Smallest multiple
- 蓝桥杯--算法训练 表达式计算