jQuery之插件机制

在jQuery的高级语法里面有个插件机制，换句话说就是扩展jQuery，提供新的方法。

一、插件机制
jQuery.fn.extend(object) 扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。

jQuery.extend(object) 扩展jQuery对象本身。用来在jQuery命名空间上增加新函数。

// 扩展jquery 元素集
    $.fn.extend({
        mySilder: function () {
            console.log("我扩展的方法！");
        }
    });
    //上面的写法是扩展到元素集

//扩展给jquery对象本身
    $.extend({
        studentinfo: function () {
            console.log("我是扩展的方法！");
        }
    });
    $(".btn").click(function () {
        $(this).mySilder();
        $.studentinfo();
    });

//$.extend 合并功能
    var info = {
        name: "张三",
        sex: "男"
    };
    var list = {
        name: "李四",
        sex: "女",
        age: "20"
    }

    console.log($.extend({}, list, info));
    //合并对象的功能
    console.log(Object.assign({}, info, list));

在这里合并会出现覆盖。后面的覆盖前面的，前面有的而后面没有的也会保留。

二、小结

插件这里只介绍了机制，东西不多需要练习，具体的案例在下一篇博客里发布。