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