码迷，mamicode.com
首页 > Web开发 > 详细

10分钟学会写Jquery插件

时间：2014-09-05 22:16:42      阅读：266      评论：0      收藏：0      [点我收藏+]

标签：http   io   使用   ar   art   div   问题   cti   sp   

最近很多网友说jquery插件是什么啊？怎么写的啊？我不会写啊？
 
一大堆的问题一时都不知道怎么回答他们，个人认为是网友们把问题复杂化了。
其实就是把一些常用、实用、通用的功能封装起来而以，简单的来讲就是把这些代码放在一个方法里面，可以达到重复使用的效果，这样就可以不需要每次要用此功能的时候都去重新写一遍。
 
现在Jquery里面加入了插件的概念，只要按照它特定的格式当作平时写function一样去写就可以了，不虽然搞得太复杂的。信不信由你们，反正我信了。
 
接下来用简单的代码来讲解一下，如果网友们看了还不会写插件的话，我只能无语了

第一步：定义插件
.代码  bubuko.com,布布扣
  1. $(function() {  
  2.    $.fn.插件名称 = function(options) {  
  3.       var defaults = {  
  4.          Event : "click",        //触发响应事件  
  5.          msg : "Holle word!"        //显示内容  
  6.       };  
  7.       var options = $.extend(defaults,options);  
  8.       var $this = $(this);        //当然响应事件对象  
  9.       //功能代码部分  
  10.       //绑定事件  
  11.       $this.live(options.Event,function(e){  
  12.          alert(options.msg);  
  13.       });  
  14.    }  
  15. });  
 

第二步：调用插件 
.代码  bubuko.com,布布扣
  1. $(function() {  
  2.    //绑定元素事件  
  3.    $("#test").插件名称({  
  4.       Event : "click",        //触发响应事件  
  5.       msg : "插件原来就是这么简单!"     //显示内容  
  6.    });  
  7. });  
 

看完之后我相信网友们应该懂了吧！Jquery插件原来就这么简单

10分钟学会写Jquery插件

标签：http   io   使用   ar   art   div   问题   cti   sp   

原文地址：http://www.cnblogs.com/xiaochao12345/p/3958759.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！