zoukankan      html  css  js  c++  java
  • jQuery插件开发 格式与解析3之$.extend()用途

    前叙:$.extend()——用途:扩展和继承

    1、Object extend()

    用一个或多个对象扩展另一个对象,并返回已修改的原始对象。这对于简单继承是一个非常有用的实用工具。

    (1)扩展:(Dom元素方法的扩展)

    ①单个方法扩展写法:

    $.fn.testFn=function(options){

       $.defaultOptions={

       name:"Li",

       age:20,

       getName:function(){

        return this.name;

      }

      var p=$.extend($.defaultOptions,options||{});

      .

      .

      .

     }

    }

    ②多个方法拓展写法:

    $.fn.extend({

      testFn:function(options){

          $.defaultOptions={

             name:"Li",

             age:20,

             getName:function(){

              return this.name;

            }

            var p=$.extend($.defaultOptions,options||{});

              .

              .

              .

        },

      testFn1:function(options1){

        }

    });

     (2)继承:

    var person={

        name:"Li",

        age:20,

        getName:function(){

        return this.name;

      }

    }

    var person1=$.extend({},person);//person1继承了person

    person1.setAge=function(){

      this.age=33;

    }

    person1.setAge();

    person1.sex="Boy";

    alert(person1.age+person1.sex);//33Boy

    解析:person1继承了person拥有person的属性和方法,在其基础上定义了自己的属性和方法。

    实践:

    extend_test.js

    调用:

    完毕!

  • 相关阅读:
    Find cmd
    splitFile2SmallFile
    IPC-->PIPO
    Thread and shared lock
    Python Thread related
    linux 文件系统
    linux commands
    关于 gnome3 无法显示应用程序所有界面的反馈
    Windows 网络编程
    常见端口 HTTP代码
  • 原文地址:https://www.cnblogs.com/dean-Wei/p/3967990.html
Copyright © 2011-2022 走看看