编写JQuery插件-2
生活随笔
收集整理的這篇文章主要介紹了
编写JQuery插件-2
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
繼續(xù)上一節(jié)的代碼
(function(){/* code */ })()來我們介紹一下吧,首先定義一個(gè)匿名函數(shù)
fnction(){/* 這里放置代碼 */}
然后用括號(hào)括起來,
(fnction(){/* 這里放置代碼 */})
變成這種形式,最后添加一個(gè)()運(yùn)算符來執(zhí)行,括弧內(nèi)可以添加參數(shù),供內(nèi)部函數(shù)使用;
;(function($){/* code */ })(jQuery);這就是jq插件常見的結(jié)構(gòu)。(利用閉包的特性避免污染全局)
?
JQ提供了兩個(gè)用于寬展jQuery功能的方法
jQuery.fn.extend() 方法 和 ?jQuery.extend();
兩個(gè)方法都接受一個(gè)參數(shù),類型為object
jQuery.extend();方法經(jīng)常用于設(shè)置插件方法的一系列默認(rèn)參數(shù)
function foo(options){options = jQuery.extend({name:"bar",length:5,dataType:"xml" },options); // 傳遞默認(rèn)參數(shù) console.log(options); }console.log(foo()); // Object {name: "bar", length: 5, dataType: "xml"} console.log(foo({name:'a'})); // Object {name: "a", length: 5, dataType: "xml"}熟讀百遍,不如手敲十遍!!
轉(zhuǎn)載于:https://www.cnblogs.com/pangzi666/p/5885272.html
總結(jié)
以上是生活随笔為你收集整理的编写JQuery插件-2的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript(一)---- 概述
- 下一篇: 智慧北京02_初步ui框架_ 主界面_v