JQ的外掛程式編寫以及個人經歷過需要注意的地方

2021-09-03 07:56:12 字數 796 閱讀 2689

囉嗦一下,很希望各位『攻城獅』們能和大家一起分享,一起成長。當然,也可以一起吹。哈,不廢話,進入正題。jq是乙個非常好用的庫,但是在解決自己專案的實際問題中,難免會遇到需要去拓展的方法,需要我們用外掛程式去實現。當然jq的也制定了官方的拓展規範,小夥伴可以去看一下。

(function ($) )(jquery);
jquery.fn.extend(object)
擴充套件jquery 方法,製作外掛程式

閉包限定命名空間

(function ($)  }); })(window.jquery);
在這裡 window.jquery 與 jquery 與 $ 三者是一樣的 !!!

(function ($) , de****ts, options);
//遍歷所有的要高亮的dom,當呼叫 highlight()外掛程式的是乙個集合的時候。

//var $this = $(this);獲取當前dom 的 jquery物件,這裡的this是當前迴圈的dom

//根據引數來設定 dom的樣式

$this.css(); }); } });
//預設引數

var de****ts = ; })(window.jquery);
在這兒要說一下 $.extend () 而且是將該option 合併到呼叫 extend方法 的物件中去.

jq的外掛程式的寫法

兩種方式 方法一 extend extend src 將src合併到全域性物件中去 使用方式 var i add 3,2 方法二 fn.extend jquery.fn jquery.prototype 也就是jquery物件的原型 fn.extend src 方法將src合併到jquery的例項物...

第二期 JQ外掛程式編寫入門(2)

在看過我們上期的技術文章之後,大家應該知道關於jq外掛程式的大概形式了。如果大家還沒有看過我的上一期文章,可以點下面鏈結 第一期 jq外掛程式編寫入門 1 function window,document,undefined 這裡定義的是私有函式,供內部呼叫 function plugin elem...

jquery外掛程式的編寫

一 區別兩種普通的寫法 jquery function 全寫為jquery document ready function function jquery 其實際上是執行 para 匿名方法,只不過是傳遞了jquery物件。jquery function 用於存放操作dom物件的 執行其中 時dom...