Menu

  • 博客
  • 关于唯我&博客
  • 唯我DIY
  • 讨论区

Copyright © VIIIO.COM | Theme by Theme in Progress | 基于 WordPress

千里之行,始于足下唯我 - 梦想从此起航

Jquery 插件簡單編寫

2014年2月24日Javascript Standard
Views: 1,398
基本形式:
(function ($) { 
/* 这里放置代码 */ 
})(jQuery); 
 

這樣的好處是形成一個閉包,函數內部依然可以使用$作為jQuery的別名,而不影響到其他庫使用$
jQuery提供了倆個擴展用於編寫外掛程式
$.fn.extend({});用於擴展jquery對象的方法,jq對象可以直接點出,如:$(“#div_div”).MyPlugIn();
$.extend({});用於擴展jquery直屬方法,如:$.MyPlugIn();

第一種插件實例:

(function ($) {
    $.fn.yourName = function(options){
        var def = {
           test:this, //此處this為當前對象        
           test_2:“abc”
        };
        var op = $.extend(def, options);//繼承自默認設定以及用戶設定
        //接下來調用對象
        alert(op.test.id);
        alert(op.test_2);
   };
})(jQuery);

 第二種插件實例:

(function ($) {
    $.yourName = function(options){
        var def = { test:“This is a Test PlugIn” };
        var op = $.extend(def,options);
        alert(op.test);
    }
})(jQuery);

发表评论或回复 取消回复

邮箱地址不会被公开。

9 + 1 =

近期文章

  • OC UIWindow setRootViewController切换界面引发的内存问题
  • iOS证书、AppId、PP文件之间的关系
  • SVN服务器搭建、备份及多服务器同步方案(Windows)
  • [转]iOS多线程-各种线程锁的简单介绍
  • Mac 下Apache2 配置多虚拟主机

近期评论

  • NARYTHY288954NEYRTHYT发表在《ASP.NET整合Discuz PHP站 并实现用户同步》
  • nym402059flebno发表在《ASP.NET整合Discuz PHP站 并实现用户同步》
  • nem2182758krya发表在《ASP.NET整合Discuz PHP站 并实现用户同步》
  • aresgrb.se发表在《ASP.NET整合Discuz PHP站 并实现用户同步》
  • Vincenturbam发表在《ASP.NET整合Discuz PHP站 并实现用户同步》

分类目录

  • ASP.NET (15)
  • Git (2)
  • HTML (1)
  • iOS (31)
  • Javascript (7)
  • Oracle (8)
  • SQL (3)
  • SQLSERVER (2)
  • SVN (1)
  • 一行代码系列 (5)
  • 微信小程序 (1)
  • 正则表达式 (2)
  • 网站建设 (5)

文章归档

  • 2018年12月 (1)
  • 2018年4月 (1)
  • 2017年12月 (2)
  • 2017年7月 (3)
  • 2017年6月 (1)
  • 2017年4月 (1)
  • 2017年1月 (1)
  • 2016年12月 (3)
  • 2016年10月 (1)
  • 2016年7月 (1)
  • 2016年6月 (1)
  • 2016年5月 (3)
  • 2016年4月 (5)
  • 2016年3月 (4)
  • 2016年2月 (2)
  • 2016年1月 (3)
  • 2015年12月 (11)
  • 2015年11月 (7)
  • 2015年10月 (3)
  • 2015年9月 (1)
  • 2015年8月 (1)
  • 2015年7月 (1)
  • 2015年6月 (1)
  • 2015年5月 (1)
  • 2015年4月 (1)
  • 2014年7月 (1)
  • 2014年6月 (1)
  • 2014年5月 (2)
  • 2014年4月 (2)
  • 2014年3月 (2)
  • 2014年2月 (2)
2025年5月
一 二 三 四 五 六 日
« 12月    
 1234
567891011
12131415161718
19202122232425
262728293031