• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 10分钟学会写Jquery插件实例教程

10分钟学会写Jquery插件实例教程

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了写,Jquery,插件等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

有很多朋友都用过jquery插件,但是很少有人自己动手写过jQuery插件,本文就以实例形式简单叙述了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 : "插件原来就是这么简单!"   //显示内容 
  }); 
}); 
 

至此,最简单的插件搞定!10分钟不到!相信大家应该都看懂了吧!jQuery插件原来就这么简单。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 运用jQuery写的验证表单(实例讲解)
  • 如何编写jquery插件
  • 写jQuery插件时的注意点
  • jQuery编写设置和获取颜色的插件
  • jQuery插件编写步骤详解
  • jQuery实现页面评论栏中访客信息自动填写功能的方法
  • jQuery通过写入cookie实现更换网页背景的方法
  • 基于jquery编写分页插件
  • jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
  • jquery读写cookie操作实例分析

相关文章

  • 2017-08-16jQuery实现类似老虎机滚动抽奖效果
  • 2017-08-16jQuery实现的购物车物品数量加减功能代码
  • 2017-08-16jQuery简单实现上下,左右滑动的方法
  • 2017-08-16用jQuery技术实现Tab页界面之二
  • 2017-08-16jquery遍历input取得input的name
  • 2017-08-16jQuery判断邮箱格式对错实例代码讲解
  • 2017-08-16下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
  • 2017-08-16jQuery UI 应用不同Theme的办法
  • 2017-08-16JQuery中clone方法复制节点
  • 2017-08-16jQuery中的pushStack实现原理和应用实例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 分享一个asp.net pager分页控件
    • Jquery操作radio,checkbox,select表单操作实现代码
    • jquery 简短几句代码实现给元素动态添加及获取提示信息
    • jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
    • 使用jquery为table动态添加行的实现代码
    • jquery判断输入密码两次是否相等
    • 基于jQuery架构javascript基础体系
    • jQuery中attr()与prop()函数用法实例详解(附用法区别)
    • jQuery 性能优化手册 推荐
    • 基于jquery的使ListNav兼容中文首字拼音排序的实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有