jQuery自定义插件
来源:互联网 发布:编程英语词汇大全app 编辑:程序博客网 时间:2024/06/05 00:42
jQuery插件分为三种:
1.封装对象方法的插件(推荐)
调用在jQuery对象上的
jQuery对象.方法名();
95%以上的jQuery插件都是封装对象方法的插件
2.封装全局函数的插件
3.选择器插件
写插件的两个步骤
第一步:写出插件的模板代码,如下:
//插件的模板代码;(function($) { //这里写插件代码})(jQuery);
第二步:封装jQuery对象方法的插件
;(function($) { //这里写插件代码 //一.封装jQuery对象方法的插件 $.fn.extend({ "方法名": function(value) { //这里写插件代码 } });})(jQuery);
接下来我们封装一个Color()颜色插件
;(function($) { //这里写插件代码 //一.封装jQuery对象方法的插件 $.fn.extend({ "color": function(value) { //这里写插件代码 if(value == undefined) { return this.css("color"); } else { return this.css("color", value); } } });})(jQuery);
简单的隔行变色插件
;(function ($) { $.fn.extend({ "gehangChangeColor":function (arg,color,firstColor){ if(arg==undefined){ arg="even" } if(color==undefined){ color=$(this).css("background-color"); } if(firstColor==undefined){ firstColor=color; }else{ $(this).find("tbody tr:first").css("background-color",firstColor) } $(this).find("tbody tr:"+arg+"").css("background-color",color); } });})(jQuery);
0 0
- [ jQuery ] jquery 自定义插件!
- jquery 自定义插件开发
- 自定义jQuery插件
- jquery自定义插件
- jQuery 自定义插件
- jquery 自定义插件开发
- jquery自定义插件
- jquery 自定义插件小结
- Jquery自定义插件
- jQuery自定义插件
- jQuery自定义插件
- JQuery扩展自定义插件
- jQuery自定义插件
- jQuery 自定义插件
- jQuery--自定义插件
- jQuery自定义插件
- jquery自定义插件
- jQuery自定义插件
- HDU 1711 Number Sequence(kmp模板)
- ubuntu:unrar 的使用
- TimerMask类
- Spring JdbcTemplate问题 ,坑爹
- 【杭电2018】母牛的故事
- jQuery自定义插件
- Android/Ios组件名称一览表
- Google推荐的图片加载库Glide介绍
- burpsuite中intruder标签内attack type四种类型的用法和区别
- asp.net MVC - 小鸟系列之属性验证
- 操作Visual Studio的几组快捷键
- java的设计模式——DAO(Date Access Object)133
- sql FOR XML PATH应用
- 使用IntelliJ IDEA开发SpringMVC网站(三)数据库配置