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

最新推荐文章于 2021-08-06 04:34:14 发布

徐同保

最新推荐文章于 2021-08-06 04:34:14 发布

阅读量508

点赞数 1

分类专栏： web前端前端技术分享文章标签： fn extend

本文链接：https://blog.csdn.net/xutongbao/article/details/80965882

版权

web前端同时被 2 个专栏收录

735 篇文章 15 订阅

订阅专栏

前端技术分享

251 篇文章 3 订阅

订阅专栏

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>

徐同保

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
$.extend()和$.fn.extend()

jQuery.extend():把两个或者更多的对象合并到第一个当中；jQuery.fn.extend():把对象挂载到jQuery的prototype属性，来扩展一个新的jQuery实例方法。两者调用方式不同： jQuery.extend(),一般由传入的全局函数来调用，主要是用来拓展个全局函数，如$.init()，$.ajax(); jQuery.fn.extend(),一般由具体...
复制链接

扫一扫