前端之jQuery03 插件

Posted 2020-10-19 小杜要加油

jQuery.fn.extend(object)

扩展 jQuery 元素集来提供新的方法（通常用来制作插件）

增加两个插件方法：

// jQuery 扩展机制
// 自己扩展两个方法
// 把我这个jQuery插件里面用到的所有变量、函数都封装在一个自执行函数里，这样就不会污染到全局作用域，
// 又因为$是全局变量，为了防止被修改，我们把jQuery当成参数传到我们自执行函数中

// extend1
(function ($) {
    $.extend({
        ths1:function () {
            console.log("俗得无畏");
            f();
        },
        ths2:function () {
            console.log("雅得轻狂");
            f();
        }
    });

    function f() {
        console.log("雅俗共赏")
    }
})(jQuery);

// extend2
(function ($) {
    $.extend({
        ths3:function () {
            console.log("勇者无畏");
            f2();
        },
        ths4:function () {
            console.log("智者无惧");
            f2();
        }
    });

    function f2() {
        console.log("别怕痛和错")
    }
})(jQuery);



//  ()();
// (function () {
//
// })();


// 另一种方法
// var fff = function () {
//     $.extend({
//     jianchao2: function () {
//         console.log("勇者无畏");
//         f();
//     },
//     liyan2: function () {
//         console.log("智者无惧");
//         f();
//     }
// });
//
// function f() {
//     console.log("别怕痛和错");
// }
// };
//
// fff();