• $.extend()和$.fn.extend()


    jQuery.extend():把两个或者更多的对象合并到第一个当中

    jQuery.fn.extend():把对象挂载到jQuery的prototype属性,来扩展一个新的jQuery实例方法

    两者调用方式不同:
        jQuery.extend(),一般由传入的全局函数来调用,主要是用来拓展个全局函数,如$.init(),$.ajax();
        jQuery.fn.extend(),一般由具体的实例对象来调用,可以用来拓展个选择器,例如$.fn.each();
    两者的主要功能作用不同:
        jQuery.extend(object); 为扩展jQuery类本身,为自身添加新的方法;
        jQuery.fn.extend(object);给jQuery对象添加方法。



    <!DOCTYPE html>
    <html >
    <head>
    <meta charset="UTF-8">   
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>  
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />       
    <title>$.extend()和$.fn.extend()</title>
    <style type="text/css">
    html {}
    body {position: relative;padding: 0;margin: 0;}
    </style>
    </head>
    <body>
    <label><input type="checkbox" name="foo"> Foo</label>
    <label><input type="checkbox" name="bar"> Bar</label>
    <script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>
    <script>
    $(function () { 
        $.fn.extend({
            check: function() {
                return this.each(function() {
                    this.checked = true;
                });
            },
            uncheck: function() {
                return this.each(function() {
                    this.checked = false;
                });
            }
        });
        // 使用新创建的.check() 方法
        $( "input[type='checkbox']" ).check();
    
        $.extend({
            min: function(a, b) { return a < b ? a : b; },
            max: function(a, b) { return a > b ? a : b; }
        });
        console.log($.min(2, 3)); // => 2
        console.log($.max(4, 5)); // => 5
    })
    </script>
    </body>
    </html>





  • 相关阅读:
    动态规划 01背包问题
    日常水题 蓝桥杯基础练习VIP-字符串对比
    本博客导航
    2019 ICPC 南昌 (C E G L)
    [模板]线段树
    [模板]手写双端队列(或普通队列)
    2019 ICPC Asia Yinchuan Regional (G, H)
    与超级源点与超级汇点相关的两题POJ 1062, HDU 4725
    [模板]链式向前星
    [总结]关于反向建图
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924842.html
Copyright © 2020-2023  润新知