当前位置:首页 > 编程学习 > [转]Jquery插件原来就这么简单

[转]Jquery插件原来就这么简单

编程学习2013-05-1040440

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


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

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


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


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


第一步:定义插件

$(function() {
   $.fn.插件名称 = function(options) {
      var defaults = {
         Event : "click",        //触发响应事件
         msg : "Holle word!"        //显示内容
      };
      var options = $.extend(defaults,options);
      var $this = $(this);        //当然响应事件对象
      //功能代码部分
      //绑定事件
      $this.live(options.Event,function(e){
         alert(options.msg);
      });
   }
});



第二步:调用插件

$(function() {
   //绑定元素事件
   $("#test").插件名称({
      Event : "click",        //触发响应事件
      msg : "插件原来就是这么简单!"     //显示内容
   });
});
<input type="button" id="test" value="这是一个简单的插件调用" />



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


查看演示


转自:http://www.jq-school.com/Show.aspx?id=169

扫描二维码推送至手机访问。

版权声明:本文由海阔天空发布,如需转载请注明出处。

本文链接:https://www.apull.net/html/20130510122826.html

标签: jQuery编程
分享给朋友:

相关文章

MD5加密VB版

MD5加密VB版

'MD5加密VB版 '调用方法:str=MD5("Apull",32),就能得到"Apull"的32位的MD5。 Private m_lOnBits(30) Private m_l2Power(30) Private Const BITS_TO_A_BYTE = 8 Private Const BYTES_TO_A_WORD = 4 Private Const BITS_TO_A_WORD = 32 Private Fu...

ASP六大对象介绍

ASP六大对象介绍

Application对象 Application对象是个应用程序级的对象,用来在所有用户间共享信息,并可以在Web应用程序运行期间持久地保持数据。 Application的属性:  方法如下: Application对象没有内置的属性,但是我们可以自行创建其属性。 <% Application("属性名")=值 %>    其实大部分Application变量都 存放在Contents集合中,当你创建一个新的Application变量时,其实...

VB.NET关于加密算法

VB.NET关于加密算法

加密将防止数据被查看或修改,并在原本不安全的信道上提供安全的通信信道,它达到以下目的:  保密性:防止用户的标识或数据被读取。  数据完整性:防止数据被更改。  身份验证:确保数据发自特定的一方。  基本概念  1、散列(HASH)函数  散列(HASH)函数H也称哈希函数或杂凑函数等,是典型的多到一的函数,其输入为一可变长x(可以足够的长),输出一固定长的串h(一般为128位、160位,比输入的串短),该串h被称为输入x的Hash值(或称消息摘要Message  ...

HTML与ASCII码表

HTML与ASCII码表

HTML与ASCII码表Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1  Latin alphabet No. 1Browser support: All browsersASCIIHTMLHTMLDecHexSymbolNumberNameDescription32333435363738394041424344454647202122232425262728292A2B...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。