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

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

编程学习2013-05-1052690

最近很多网友说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://apull.net/html/20130510122826.html

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

相关文章

VB获取光驱盘符

VB获取光驱盘符

VB获取光驱盘符Option Explicit Private Declare Function GetDriveType Lib "kernel32" Alias "GetDriveTypeA" _ (ByVal nDrive As String) As Long 'GetLogicalDriveStrings-->获取一个字串,其中包含了当前所有逻辑驱动器的根驱动器路径 Private Declare Function GetLogicalDriveStri...

密码的故事

密码的故事

密码的故事Billy Hollis 本文是由一个问题引出的。我需要一种将密码保存在加密文件中的方法,因为我需要记住许多密码,但记忆力却已大不如前。我知道有许多商用工具能够做到这一点,但我感到学习  .NET 中的一项新技术真的很有好处。 我用 Visual Basic® .NET  完成了一个简单而完整的程序,用于加密和解密文件,从中学到了许多知识。既然加密对于多种开发都是一个重要问题,本文就介绍一下如何构造这样的程序。 有各种低级别的技术可以用于加密,...

计算机蓝屏代码的含义

计算机蓝屏代码的含义

0 0x0000 作业完成。1 0x0001 不正确的函数。2 0x0002 系统找不到指定的档案。3 0x0003 系统找不到指定的路径。4 0x0004 系统无法开启档案。5 0x0005 拒绝存取。6 0x0006 无效的代码。7 0x0007 储存体控制区块已毁。8 0x0008 储存体空间不足,无法处理这个指令。9 0x0009 储存体控制区块地址无效。10 0x000A 环境不正确。11 0x000B 尝试加载一个格式错误的程序。12 0x000C 存取码错误。1...

ASP.NET AJAX下alert弹出对话框

ASP.NET AJAX下alert弹出对话框

ASP.NET AJAX下alert弹出对话框定义:protected void ajaxMessage(Control control, string message) { ajaxMessage(control, message, "click"); } protected void ajaxMessage(Control control, string message, string key) { ScriptManager...