$.extend()使用方法总结。

jQuery为开发插件提拱了两个方法，各自是：

jQuery.fn.extend(object);

jQuery.extend(object);

jQuery.extend(object);为扩展jQuery类本身.为类加入新的方法。

jQuery.fn.extend(object);给jQuery对象加入方法。

这个应该非常好理解吧。

举个样例。

<span style="font-size:18px;"><html>

<head>

	<title></title>

</head>

<body>

<h3 class="ye">new soul</h3>

<h3 class="ye">new soul</h3>

<h3 class="ye">new soul</h3>

<h3 class="ye">new soul</h3>

<script type="text/javascript" 	src="jquery.2.0.3.js"></script>

<script type="text/javascript">

jQuery.fn.myPlugin = function(options) {

    $options = $.extend( {

            html: "no messages",

            css: {

                "color": "red",

                "font-size":"14px"

            }},

            options);

        return $(this).css({

            "color": $options.css.color,

        }).html($options.html);

    }

$('.ye').myPlugin({html:"So easy,yes?

",css:{"color":"green","font-size":"20px"}});

</script>

</body>

</html>

</span>

好的，上面你也看到了一点点$.extend()的使用方法。

1.合并多个对象。

这里使用的就是$.extend()的嵌套多个对象的功能。

所谓嵌套多个对象，有点类似于数组的合并的操作。

可是这里是对象。举例说明。

<span style="font-size:18px;">//使用方法: jQuery.extend(obj1,obj2,obj3,..)

var Css1={size: "10px",style: "oblique"}

var Css2={size: "12px",style: "oblique",weight: "bolder"}

$.jQuery.extend(Css1,Css2)

//结果:Css1的size属性被覆盖,并且继承了Css2的weight属性

// Css1 = {size: "12px",style: "oblique",weight: "bolder"}

</span>

2.深度嵌套对象。

<span style="font-size:18px;">  jQuery.extend(

    { name: “John”, location: { city: “Boston” } },

    { last: “Resig”, location: { state: “MA” } }

  );

   // 结果:

   // => { name: “John”, last: “Resig”, location: { state: “MA” } }

 // 新的更深入的 .extend()

  jQuery.extend( true,

  { name: “John”, location: { city: “Boston” } },

    { last: “Resig”, location: { state: “MA” } }

 );

 // 结果

  // => { name: “John”, last: “Resig”,

 //      location: { city: “Boston”, state: “MA” } }

</span>

3.能够给jQuery加入静态方法。

<span style="font-size:18px;"><html>

<head>

	<title></title>

</head>

<body>

<script type="text/javascript" 	src="jquery.2.0.3.js"></script>

<script type="text/javascript">

	$.extend({

		add:function(a,b){return a+b;},

		minus:function(a,b){return a-b},

		multiply:function(a,b){return a*b;},

		divide:function(a,b){return Math.floor(a/b);}

	});

	var sum = $.add(3,5)+$.minus(3,5)+$.multiply(3,5)+$.divide(5,7);

	console.log(sum);

</script>

</body>

</html></span>

Best Wishes

jQuery $.extend()使用方法的更多相关文章

  1. JQuery的extend扩展方法

    jQuery.extend 函数使用详解   JQuery的extend扩展方法:      Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去 ...

  2. 列表中的index,extend,count方法

    列表中的index,extend,count方法 #_author:Administrator#date:2019/10/24#1.index方法l=['blue','red','white','bl ...

  3. (转载)jQuery 1.6 源码学习（二）——core.js[2]之extend&ready方法

    上次分析了extend方法的实现,而紧接着extend方法后面调用了jQuery.extend()方法(core.js 359行),今天来看看究竟core.js里为jQuery对象扩展了哪些静态方法. ...

  4. jQuery.extend()、jQuery.fn.extend()扩展方法示例详解

    jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方 ...

  5. jQuery.extend()、jQuery.fn.extend()扩展方法具体解释

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/dreamsunday/article/details/25193459 jQuery自己定义了jQu ...

  6. jquery 的extend的方法

    用flot.js  用到了jquery的extend 方法 关于extend方法 我就照手册打一遍,加深一下理解,说实话其实我理解的也不透 extend  用一个或多个其他对象来扩展一个对象,返回被扩 ...

  7. Python-序列常用方法 + * += extend append方法区别

    + 两边都是相同序列类型.拼接成一个新的序列 print((1, 2, 3) + (4, 6)) print("beimenchuixue" + "ximenchuife ...

  8. jquery.extend方法

    jquery.extend()用来扩展jquery中方法,实现插件. 1.jQuery.extend函数详细用法! 扩展jQuery静态方法. 1$.extend({ 2test:function() ...

  9. 从JS的深拷贝与浅拷贝到jq的$.extend()方法

    一.堆内存与栈内存 堆和栈都是内存中划分出来的用来存储的区域,栈为自动分配的内存空间,它由系统自动释放,堆为动态分配的内存,大小不定也不会自动释放. 二.js基本数据类型与引用类型的不同 基本数据类型 ...

随机推荐

  1. 【Python】理想论坛帖子读取爬虫1.04版

    1.01-1.03版本都有多线程争抢DB的问题,线程数一多问题就严重了. 这个版本把各线程要添加数据的SQL放到数组里,等最后一次性完成,这样就好些了.但乱码问题和未全部完成即退出现象还在,而且速度上 ...

  2. 用Bluepages来验证intranetId和Password的有效性

    代码很简单,如下: int ret = -1;ReturnCode rc = null;            cwa2 cw = new cwa2();rc = cw.authenticate(in ...

  3. Linux：su和su-的区别

    大部分Linux发行版的默认账户是普通用户,而更改系统文件或者执行某些命令,需要root身份才能进行,这就需要从当前用户切换到root用户.Linux中切换用户的命令是su或su -. 如上图所示,一 ...

  4. TotalCommander如何比较文件夹并提取出重复的文件

    1 如图所示,我左侧有一万本多小说,右侧有两千五百多本小说,我希望比较这两个文件夹相同的小说并剪切到一个新的文件夹中. 2 我们使用Total Commander对比这两个文件夹 3 随后两个文件夹相 ...

  5. Java从零开始学十六(多态)

    一.什么是多态 多态性是指允许不同类的对象对同一消息作出响应.多态性包括参数化多态性和包含多态性.多态性语言具有灵活.抽象.行为共享.代码共享的优势,很好的解决了应用程序函数同名问题.多态有两种表现形 ...

  6. java面试第十七天

    5.0新特性: 泛型: 泛型的形式: <E> <E extends 类型> <E extends Numner&comparator>  类名&接口 ...

  7. poj 2226 二分图 最小点覆盖 , 最大流

    题目就是问怎样用最小的板覆盖全部的草地.能够横着放.也能够竖着放,同意一个草地放多个点. 建图方法就是 每一个横向的草地作为X,纵向连续的草地作为Y.     X连接Y的边表示,  这里有他们的公共点 ...

  8. mysql-cluster 7.3.5-linux 安装

    [集群环境] 管理节点    10.0.0.19 数据节点    10.0.0.12                    10.0.0.17 sql节点       10.0.0.18 10.0.0 ...

  9. java beanUtils框架

    beanUtils是Apache觉得sun公司的内省不够爽,自己又开发了一套可以操作JavaBean的API 所以beanUtils是第三方jar包,使用beanUtils要导包: 在工程目录下新建一 ...

  10. 在C#中判断某个类是否实现了某个接口

    有时我们需要判断某个类是否实现了某个接口(Interface),比如在使用反射机制(Reflection)来查找特定类型的时候. 简单来说,可以使用Type.IsAssignableFrom方法: t ...