jQuery的扩展方法写法

扩展jQuery对象本身。

用来在jQuery命名空间上增加新函数。 查看 ‘jQuery.fn.extend‘ 获取更多添加插件的信息。

描述:

在jQuery命名空间上增加两个函数。

jQuery 代码:
jQuery.extend({  min: function(a, b) { return a < b ? a : b; },  max: function(a, b) { return a > b ? a : b; }});
结果:
jQuery.min(2,3); // => 2jQuery.max(4,5); // => 5

改进写法:

(function(arg)){

arg.extend({

"login":function(){

return 123;

}

})

})(jQuery);

时间: 2024-08-14 09:53:21

jQuery的扩展方法写法的相关文章

Jquery自定义扩展方法(二)--HTML日历控件

一.概述 研究了上节的Jquery自定义扩展方法,自己一直想做用jquery写一个小的插件,工作中也用到了用JQuery的日历插件,自己琢磨着去造个轮子--HTML5手机网页日历控件,废话不多说,先看看效果图吧 效果图很简单,代码封装在JQuery中,网页端只需要要调用即可: 二.Jquery自定义实体对象 Jquery可以自定义函数function,有没有可以定义实体对象,里面封装方法那?查询了一下资料发现,是可以的,不仅能够封装属性,还可以写自己的方法,调用模板代码如下: $.Calende

JS,JQuery的扩展方法

转 http://blog.csdn.net/tuwen/article/details/11464693 //JS的扩展方法: 1 定义类静态方法扩展 2 定义类对象方法扩展            var aClass = function(){} //1 定义这个类的静态方法            aClass.sayHello = function(){                alert('say hello');            } //2 定义这个类对象的对象方法   

Jquery的扩展方法extend详解

今天研究了下Jquery的扩展方法extend. 1.extend(obj,item1,item2,item3...); 这段代码的含义是将src1,scr2等所有项合并到obj对象中,但是同样存在一个问题,这样合并会修改到obj的整个结构. 2.var result = $.extend({},item1,item2,item3...); 这个方法巧妙地运用了extend的特性 将一个空对象与所有item合并,并通过返回值的形式获取到一个新的对象.如下所示: var result = $.ex

Jquery自定义扩展方法

jquery是一款流行的JS框架,自定义JS方法,封装到Jquery中,调用起来也挺方便的,怎么写Jquery扩展方法那,网上翻阅了一部分代码,其实也挺简单的: 方式一: (jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); v

JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)

理解$.extend(),与$.fn.extend()方法区别 1.$.extend()方法 $.extend()方法在JQuery中有两个用法,第一次是扩展方法, 第二个方法是 jQuery.extend([deep], target, object1, [objectN]) 返回值:Object 把2个对象合并得到新的target,deep是可选的(递归合并) 合并 settings 和 options,修改并返回 settings. jQuery 代码: var settings = {

为Jquery类和Jquery对象扩展方法

jquery.fn.extend与jquery.extend jQuery为开发插件提拱了两个方法,分别是: JavaScript代码 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现. JavaScript代码 jQuery

jquery extend扩展方法(类方法和对象方法)

一.扩展jquery类方法 /** * 扩展jquery类方法(相当于类的静态方法$.methodName(param)) */ $.extend({ con:function(value){ console.log(value) } }) //类方法调用 $.con('作者是包戬作者是包戬作者是包戬作者是包戬作者是包戬作者是包戬'); 二.扩展jquery对象方法 /** * 扩展jquery对象方法(相当于类的静态方法$('#id').methodName(param)) * 通过id/cl

jQuery插件扩展方法

jQuery为扩展插件提拱了两个方法,分别是: jQuery.extend(object) -- 给jQuery对象添加方法. jQuery.fn.extend(object) -- 为扩展jQuery类本身.为类添加新的方法: fn表示什么呢?下面代码是jQuery源代码中定义的fn: jQuery.fn = jQuery.prototype = { init: function( selector, context ) { //-- }; 从上面代码我们不难看出 jQuery.fn = jQ

jQuery 自定义方法(扩展方法)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.2.1.js"></script> <style> #div1{ height: 400px; width: 600px back