:

基础版jQuery插件开发

发布于:2017-12-12 15:08 作者:song100e 浏览:208 分类:JavaScript

比如我现在需要一个jQuery插件用来改变标签内容颜色。

(function($){
     $.fn.changeStyle = function(option){
          var defaultSetting = { colorStr:"green", fontSize:12};// 缺省(默认)值
          var setting = $.extend(defaultSetting,option);		// 合并两个对象
          this.css("color",setting.colorStr).css("fontSize",setting.fontSize + "px");        
         return this;	// 满足链式调用
     }
}(jQuery));// 防止$符号污染
// 调用方式:$("p").changeStyle({colorStr:"red"});
还有一种方法:$.extend方法
$.extend方法和$.fn.extend方法都可以用来扩展jQuery功能,这两个方法的本质区别,就是$.extend方法是在jQuery全局对象上扩展方法,$.fn.extend方法是在$选择符选择的jQuery对象上扩展方法。所以扩展jQuery的公共方法一般用$.extend方法,定义插件一般用$.fn.extend方法。
(function($){
    $.fn.extend({         
        changeStyle:function(option){             
			// code here
        }
    });
}(jQuery));

0

JQuery Validate验证举例

发布于:2017-3-3 17:55 作者:song100e 浏览:605 分类:JavaScript
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

阅读全文>>

标签: Validate

0

jQuery中使用on方法绑定hover事件

发布于:2016-6-30 15:59 作者:song100e 浏览:928 分类:JavaScript
首先,哈哈你上当了!jQuery并不能绑定 hover 事件。

阅读全文>>

标签: hover jQuery

0

移动端下拉刷新、上拉加载更多 Zepto/jQuery插件

发布于:2016-1-20 14:45 作者:song100e 浏览:8863 分类:JavaScript

作者最近在处理一个APP端嵌入页面,用到了zepto库,加载一个列表时,本打算一次性数据展示完毕,可被产品经理要求做类似分页功能,于是采用上划ajax加载更多处理,于是找到了本插件,小费周折,也做了部分改动。这里以作记录,聊以备忘。

GitHub地址:https://github.com/ximan/dropload

阅读全文>>

标签: zepto

0

Javascript页面返回并刷新

发布于:2015-8-10 17:44 作者:song100e 浏览:830 分类:JavaScript
javascript做页面后退常使用的方法是window.history.back(); 或者 window.history.go(-1); 

阅读全文>>

标签: referrer

0

jQuery 鼠标滚轮插件 mousewheel使用示例

发布于:2015-5-20 16:56 作者:song100e 浏览:948 分类:JavaScript
关于 jQuery 的鼠标滚动,有 jQuery 的 scroll() 方法,以及比较流行的瀑布流解决方案,这里介绍使用一款 jQuery 的插件mousewheel,这里仅仅说明一种处理思路。

阅读全文>>

标签: mousewheel

0

daterangepicker 双日历使用注意事项

发布于:2015-5-19 19:09 作者:song100e 浏览:5280 分类:JavaScript

 daterangepicker是一款很好用的双日历插件,迄今为止我用过得最好的,也许还有其他优秀的吧。

它有很好的参数用于各种场合,基本上满足常用的需求。

阅读全文>>