10分钟让网友们学会写Jquery插件

最近很多网友说jquery插件是什么啊?怎么写的啊?我不会写啊?

一大堆的问题一时都不知道怎么回答他们,个人认为是网友们把问题复杂化了。

其实就是把一些常用、实用、通用的功能封装起来而以,简单的来讲就是把这些代码放在一个方法里面,可以达到重复使用的效果,这样就可以不需要每次要用此功能的时候都去重新写一遍。UI前端框架最新力作!有奖试读!

现在Jquery里面加入了插件的概念,只要按照它特定的格式当作平时写function一样去写就可以了,不虽然搞得太复杂的。信不信由你们,反正我信了。

接下来用简单的代码来讲解一下,如果网友们看了还不会写插件的话,我只能无语了

第一步:定义插件

.代码

  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. });

第二步:调用插件 UI前端框架最新力作!有奖试读!

.代码

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

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

时间: 2024-10-12 13:25:41

10分钟让网友们学会写Jquery插件的相关文章

10分钟学会写Jquery插件

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

写jQuery插件

手把手教你怎么写jQuery插件 这次随笔,向大家介绍如何编写jQuery插件.啰嗦一下,很希望各位IT界的‘攻城狮’们能和大家一起分享,一起成长.点击左边我头像下边的“加入qq群”,一起分享,一起交流,当然,可以一起吹水.哈,不废话,进入正题. jQuey是一个非常好用的javascript类库,提供了非常多的接口给程序员使用.但在某些具体方面,并没有完全提供解决方法,这就要求我们自己实现.jQuery官方也提供jQuery拓展的标准.编写jQuery插件时,应该注意一下几点原则: 1. 避免

手把手教你怎么写jQuery插件

[原创作品]手把手教你怎么写jQuery插件 这次随笔,向大家介绍如何编写jQuery插件.啰嗦一下,很希望各位IT界的'攻城狮'们能和大家一起分享,一起成长.点击左边我头像下边的"加入qq群",一起分享,一起交流,当然,可以一起吹水.哈,不废话,进入正题. jQuey是一个非常好用的javascript类库,提供了非常多的接口给程序员使用.但在某些具体方面,并没有完全提供解决方法,这就要求我们自己实现.jQuery官方也提供jQuery拓展的标准.编写jQuery插件时,应该注意一下

写JQuery 插件 什么?你还不会写JQuery 插件

http://www.cnblogs.com/Leo_wl/p/3409083.html 前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了.至于使用jquery好处这里就不再赘述了,用过的都知道.今天我们来讨论下jquery的插件机制,jquery有着成千上万的第三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了,如下面就是一个简

写JQuery插件的基本知识

普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: 复制代码代码如下: $.extend(object) 可以理解为JQuery 添加一个静态方法. $.fn.extend(object) 可以理解为JQuery实例添加一个方法. 基本的定义与调用: 复制代码代码如下: /* $.extend 定义与调用* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */$

如何写jquery插件

常用的JQuery插件有如下几种写法: 1. 对JQuery自身的扩展插件 这种插件是对JQuery自身的方法库进行扩展的.在使用的时候通过$.MethodName()的方式直接使用. $.extend({     handleTableUI : function(table){         var thisTable = $("#" + table);                  $(thisTable).find("tr").bind("mo

教你写Jquery插件

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

怎么写jQuery插件

jQuey是一个非常好用的javascript类库,提供了非常多的接口给程序员使用.但在某些具体方面,并没有完全提供解决方法,这就要求我们自己实现.jQuery官方也提供jQuery拓展的标准.编写jQuery插件时,应该注意一下几点原则: 1. 避免全局依赖. 2. 避免第三方破坏. 3. 兼容jQuery操作符'$'和'jQuery' 这三个原则非常重要,否则,这个插件将会失去插件的意义. jquery插件命名,一般在前面加上jquery,这样别人就知道这是jQuery插件.如:jquery

第一次写jquery插件,来个countdown计时器吧

之前同学做个购物商城秒杀活动需要计时器的功能,在用jquery提供的countdown插件时,一直报错,貌似还需要依赖除jquery之外的其他插件,搞了半天也没搞成功,就叫我帮忙写个.然而我并没有写过插件,不过刚好趁这次端午好好地锻炼一把吧,顺便在这儿存个代码,自己的思路不好,大神们请不要见笑哈... 废话不多说,直接上代码: =======================================请叫我华丽的分割线=====================================