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

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

编程学习2013-05-1046740

最近很多网友说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编程
分享给朋友:

相关文章

VB.NET 用ShellExecuteEx 打开系统文件属性对话框 模块

VB.NET 用ShellExecuteEx 打开系统文件属性对话框 模块

' ' VB.NET 调用系统文件属性对话框模块 ' ' by: Apull ' QQ:374237545 ' http://www.apull.net ' 2007-6-9 ' ' Imports System.Runtime.InteropServices     Mod...

C++实现十进制转换为二进制

C++实现十进制转换为二进制

这个写得有些早了,学习c++是写的。现在看到很多帖子问这个问题,把这个贴上来供大家参考下。/* * FileName: bin.cpp * * 转换十进制为二进制 * * Apull * 2005-12-2 */ #include <iostream> #include <cstdlib> using namespace std; const int size = sizeof(int) *...

在ASP中访问和更新Cookies集合

在ASP中访问和更新Cookies集合

  Cookies的值比ASP其他集合(例如Form和ServerVariables)的值要复杂得多。Cookie是一小块由浏览器存贮在客户端系统上的文本,且随同每次请求发往它们应用于的域中的服务器。  ASP使得应用cookie较为容易,可以从Request对象的Cookies集合中获得所有随同请求发出的cookie值,并可创建或修改cookie,通过Response对象的Cookies集合发回给用户。  Cookie包含可用两种方式构造的信息,单值cookie提供其值给代...

[转].NET实现中英文验证码

[转].NET实现中英文验证码

最终效果如图:  CheckCode.aspx.cs代码如下protected void Page_Load(object sender, EventArgs e) { //获取GB2312编码页(表) /**//** * 生成中文验证验码所要使用的方法 * 注,生成中文验证码时要改变一下生成验证码图片的宽度 * var imageCode = new System.Drawing.Bitmap((int)Math....

发表评论

访客

看不清,换一张

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