zoukankan      html  css  js  c++  java
  • jquery如何自定义插件(扩展实例/静态方法)

    1、jquery插件的种类:
    1)、封装对象方法的插件(相当于实例方法) (使用 $.fn.extend({"方法名":function(参数){//方法体} }) )
    2)、封装全局函数的插件(相当于$的静态方法)
    3)、选择器插件

    2、注意点
    1)、插件文件命名规范:jquery.[插件名].js
    2)、对象方法附加到 jQuery.fn对象上 静态方法附加到jQuery对象本身上
    3)、在插件内部,this指向的是选择器获取的jQuery对象,而不是Dom对象
    4)、可通过 this.each()来遍历所有元素
    5)、插件应当返回一个jQuery对象 保证链式编程 除非插件需要返回一些特定值

    //自定义实例插件
    $.fn.extend({

    "color":function(value){
    if (value==undefined) { return this.css("color");}
    else
    {
    return this.css("color",value);
    }
    }
    });

    或者用  $.extend($.fn,{函数名:function(){}})

    //自定义全局方法插件
    $.extend({"sayHello":function(v){
    alert("Hello,My Name Is "+v);
    }});

    // $.extend的另一常用用法 就是将其他对象合并到目标对象上 第一个参数true表示深入拷贝
    $.extend(true, target object, object1);

    $.extend(boolean,dest,src1,src2,src3...)

    可参考:http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html

  • 相关阅读:
    bootstrap学习笔记
    java-多态
    java-重写
    java-继承
    java-包
    java-封装
    java-可变参数
    java-标准输入
    java-构造方法
    private、public、this关键字
  • 原文地址:https://www.cnblogs.com/lxf1117/p/4301559.html
Copyright © 2011-2022 走看看