zoukankan      html  css  js  c++  java
  • jquery中的$.fn的用法

    一、$.fn.method()=function(){}和$.fn.extend({})的比较

    jQuery.fn === jQuery.prototype

    1.$.fn.method()=function(){}的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法。

    比如:

    $.fn.myExtension = function(){
     var currentjQueryObject = this;
     //work with currentObject
     return this;//you can include this if you would like to support chaining
    };
    复制代码
    $.fn.blueBorder = function(){
     this.each(function(){
      $(this).css("border","solid blue 2px");
     });
     return this;
    };
    $.fn.blueText = function(){
     this.each(function(){
      $(this).css("color","blue");
     });
     return this;
    };
    复制代码

    由于有return this,所以支持链式,在调用的时候可以这样写:$('.blue').blueBorder().blueText();

    2.$.fn.extend({}) 是对$.fn.method()=function(){}的扩展,它可以定义多个方法:

    $.fn.extend({
        a: function() { },
        b: function() { }
    });

    等效于:

    $.fn.a = function() { };
    $.fn.b = function() { };

    二、$.extend({})  ,为jQuery类添加方法,可以理解为扩展静态方法

    $.extend({
        abc: function(){
            alert('abc');
        }
    });

    usage: $.abc(). (No selector required like $.ajax().)

    原文:https://www.cnblogs.com/qicao/p/8568158.html

  • 相关阅读:
    Python之面向对象知识整理
    python2与python3的区别
    Gitlab 删除仓库文件夹
    Git撤销本地commit(未push)
    js库
    HTML | 打开网址后3秒跳转外链
    Vue CLI | 安装
    npm | npm淘宝镜像和查看镜像设置
    swiper | 过渡效果 effect: 'fade' 导致文字重叠
    CSS改变背景 | pattern.css
  • 原文地址:https://www.cnblogs.com/isme-zjh/p/13525479.html
Copyright © 2011-2022 走看看