1. 程式人生 > >前端之jQuery03 插件

前端之jQuery03 插件

全局 gpo post jquery log fun 封裝 body spa

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();

前端之jQuery03 插件