基础版jQuery插件开发
发布于:2017-12-12 15:08 作者:song100e 浏览:615 分类: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));
JQuery Validate验证举例
发布于:2017-3-3 17:55 作者:song100e 浏览:1031 分类:JavaScriptjQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
jQuery中使用on方法绑定hover事件
发布于:2016-6-30 15:59 作者:song100e 浏览:1362 分类:JavaScript首先,哈哈你上当了!jQuery并不能绑定 hover 事件。
移动端下拉刷新、上拉加载更多 Zepto/jQuery插件
发布于:2016-1-20 14:45 作者:song100e 浏览:9302 分类:JavaScript作者最近在处理一个APP端嵌入页面,用到了zepto库,加载一个列表时,本打算一次性数据展示完毕,可被产品经理要求做类似分页功能,于是采用上划ajax加载更多处理,于是找到了本插件,小费周折,也做了部分改动。这里以作记录,聊以备忘。
GitHub地址:https://github.com/ximan/dropload
Javascript页面返回并刷新
发布于:2015-8-10 17:44 作者:song100e 浏览:1227 分类:JavaScriptjQuery 鼠标滚轮插件 mousewheel使用示例
发布于:2015-5-20 16:56 作者:song100e 浏览:2360 分类:JavaScript关于 jQuery 的鼠标滚动,有 jQuery 的 scroll() 方法,以及比较流行的瀑布流解决方案,这里介绍使用一款 jQuery 的插件mousewheel,这里仅仅说明一种处理思路。