Jquery中文網 www.4271936.live
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 最簡單的Jquery插件開發教程

最簡單的Jquery插件開發教程

發布時間:2011-11-16   編輯:www.4271936.live
這是一個很簡單的jquery插件開發教程,適合有一定jquery基礎和javascript對象基礎的朋友學習,jquery插件開發教程讓你快速掌握就jquery插件的開發方法

    今天寫一篇Jquery插件開發教程,當你的jquery基礎學習已經完善到差不多,可以來學習jquery插件開發教程,jquery基礎學習你可以先查看jquery的起點教程Hello-jQuery。

    下面開始教程:
    1、首先要將插件代碼包裹在

(function($){
/*代碼從這里開始*/
})(jQuery)

代碼解釋:(function(){})(),這句代碼指的是創建一個匿名函數function(){}并立即執行, 并在參數中傳入了jQuery對象,所以在代碼中你就可以“$”使用jQuery對象,將代碼放入匿名函數中的目的,在函數中定以的變量是局部變量,不會與全局變量沖突。

    2、添加插件

添加插件通過

$.fn.changeColor = function(){
/*插件操作代碼從這里開始
   this指當前jquery對象
 */ this.css('color','red');
}

通過這句我們就添加了一個名叫changeColor的插件,這時任何jquery對象都可以使用這個插件了,使用方法例如,$('#test').changeColor(),這個插件實現的功能是將當前jquery對象的文本顏色改為red,。

    3、下面通過一個例子來運行一個例子來強化學習效果

 

您可能感興趣的文章:
JQuery插件fancybox無法在彈出層使用左右鍵的解決辦法
jQuery插件開發基礎簡單介紹
JQuery Pager Plugin
基于jQuery實現的MVC開發框架 CorMVC
jquery插件開發注意事項小結
jquery 頁面滾動到底部自動加載插件集合
jQuery插件開發的兩種方法及$.fn.extend的詳解
基于jquery的simpleValidate簡易驗證插件
推薦40個非常優秀的jQuery插件和教程【系列三】
jquery插件珍藏(圖片局部放大/信息提示框)

關鍵詞: jquery  教程  jquery插件  開發  教程   
[關閉]
玩三分赛车怎么稳赚 贵州高频11选五走势图 328彩票app下载 股票行情怎么看 体彩排列7开奖号码 江西时时彩官网 甘肃快3开奖果 河北福彩彩票恢复时间 山东临沂配资公司 吉林快3三开奖结果