jQuery自定义插件 jQuery是一个功能强大的库，提供了开发JavaScript项目所需的所有核心函数。然而，有时候我们还是需要使用自定义代码来扩展这些核心函数来提高开发效率。 jQuery库是为了加快JavaScript的开发速度而设计的，通过简化编写JavaScript的方式，减少代码量。 jQuery编写插件有两种方式 1.添加jQuery对象级别的插件，原理是给jQuery类添加方法。 写法如下： (function($){$.fn.extend({函数名:function(自定义参数){//自...
作为一个有强迫症存在的人，最见不得就是不统一的格式，对不齐的代码。所以在对表单填写项进行validate插件验证时，有一些验证规则是根据实际需要个性化定制的。如果不扩展validate插件规则，就会导致验证提示的表现方式不同，这简直能逼死强迫症。所以我就查找了一下，validate插件果然也有能自定义验证规则的方法，简直是强迫症患者的救星。话不多说，我们来看看是如何自定义的吧。 //该方法对提现金额进行判断，看账户中是否有足...
仅记录一些我工作中常用的自定义js函数。 1、获取URL请求参数 //根据URL获取Id function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return ""; }调用方式：var id = GetQueryString("id"); 2、在文本框中光标位置插入文本值 /* 在textarea处插入文本--Start */ (function ($) {$.fn.extend({"in...
上一篇记录了BaiduTemplate模板引擎使用示例（附源码），在此基础上对使用方法进行了封装 自定义插件jajaxrefresh.js 代码如下： //闭包限定命名空间 (function ($) {$.fn.extend({"ajaxrefresh": function (options) {//检测用户传进来的参数是否合法if (!isValid(options))return this;var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数var $this = $(this); //获取当前dom 的 jQuery对象$.aja...
本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码，供大家参考，具体内容如下 加载方式 JS调用加载 自定义下拉框不能通过标签的方式进行创建。 <input id="box" /><script>$(function () {//JS 加载调用$(#box).combo({required : true,multiple : true,});});</script>属性列表<script>$(#box).combo({width : 300,height : 50,panelWidth : 300,panelHeight : 200,disabled : false,hasDownArrow : false,delay : 5...
onLoadSuccess : function(data) { if(!data.success){ //添加一个新数据行，第一列的值为你需要的提示信息，然后将其他列合并到第一列来，注意修改colspan参数为你columns配置的总列数 $(this).datagrid( appendRow, { portId : <div style="text-align:center;color:red">+data.msg+</div> }).datagrid(mergeCells, { index : 0, field : portId, colspan : 7 }) //隐藏分页导航条，这个需要熟悉datagrid的html结构，直接用j...
目前网上有很多各种各样的手风琴插件，但是没有一个完整实现了的侧菜单，今天写了一个可以无限子节点的手风琴侧菜单，有需要的可以参考一下，有什么好的想法可以留言。（没有经过彻底测试，不过问题应该不大） 下面老规矩，直接贴代码： (function ($) {use strict;var defaults = {url: null,param: {},data: {},fill: true,level_space: 15,onitemclick: null,style: {header: "accordion-header",header_title: "accordion-head...
控件这东西网上找的多少都有些功能不如意的，只能自己动手来写了。 Tabs插件很多人都需要用到，网上也有很多的例子，但是不是风格不搭调就是用着不习惯（自己写的不一定比别人的好但用着顺手In love） 下面直接贴代码，不喜勿喷： (function ($) {use strict;var defaults = {type: "iframe",onchanged: null,style: {header_panel: "tab-headers",content_panel: "tab-contents",header: "tab-header",content: "tab-content",sel...
本文实例讲述了jQuery简单自定义图片轮播插件及用法。分享给大家供大家参考，具体如下： 经常使用别人的插件，现在自己写一个，纪念一下。 jQuery.banner.js： /* * banner 0.1 * 使用banner 实现图片定时切换 鼠标经过停止动画 * 鼠标离开，继续动画 */ ;(function($){$.fn.banner =function(options){//各种属性和参数var defaults ={picWidth:"1000",picHeight:"300",speed:"1500"};var totalW = 0; //保存总的动画宽度var tim...
1.组件js (function($){ //自定义去除字符串两边空白 String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } //自定义导入组件 $.fn.customImport = function(methodOroptions,value){ if(typeof methodOroptions == "string"){//存在方法时，调用方法 return $.fn.customImport.methods[methodOroptions](this, value); } var optionsObj = methodOroptions||{}; //不存在方法时,那么传递的...
目的：XXXX项目中，很多的弹窗是利用freemarker的网页标签追加的形式实现的，网页弹框只是将隐藏的div显示出来，这样会使网页在预加载时速度变慢，增加页面加载和响应时间 解决方法如下：<已分中心管理的添加分中心弹框实现机制为例> 1.弹框页面部分的html代码和css抽离 html : html/configure/layer-win/_group-add-layer.html css : css/common/componnentWin.css <自定义弹窗通用样式> 子层html: _group-add-layer.html<!DOCTYP...
本文实例为大家分享了jquery表单验证插件，供大家参考，具体内容如下 //正则表达式 var map = new Map(); map.put("*", /[\w\W]+/); map.put("*6-16", /^[\w\W]{6,16}$/); map.put("n", /^\d+$/); map.put("n6-16", /^\d{6,16}$/); map.put("s", /^[\u4E00-\u9FA5\uf900-\ufa2d\w\.\s]+$/); map.put("s6-16", /^[\u4E00-\u9FA5\uf900-\ufa2d\w\.\s]{6,16}$/); map.put("p", /^[0-9]{6}$/);//邮编 map.put("m", /^13[0-9]{9}$|14[0-...
本文实例讲述了jQuery实现的自定义滚动条。分享给大家供大家参考，具体如下： 可以自由的给滚动条定义背景，上下按钮，当然不仅仅是颜色，连图片当背景也可以。支持鼠标滚轮，点击滚动条滚轴定位，上下按钮久按加速，兼容 ie，firefox，chrome。 调用方法： $("#a").jscroll();demo： <!DOCTYPE HTML> <html lang="en-US"> <head><meta charset="UTF-8"/><title>demo</title><link rel="stylesheet" type="text/css" href="/css/ba...
leonaScroll-1.1最新版 leonaScroll-1.1.js 欢迎使用leonaScroll-1.1.js，如您在使用过程中发现更多问题，欢迎指正！ 更新：1.1版本 1、修复了前面初始版本中的一些bug，比如不能自适应用户的文本内容，css文件繁杂 2、用户只需调用一个方法即可使用该插件，无需按照原来的class类名去添加和定义你的滚动条文本域及外层元素，显得更为自由 3、增设了滚动条宽度、上下微调按钮高度，滚动文本区域的设置 4、增设了文本内容未超出时是...
在开发中我们有时会对html标签添加属性，如何遍历处理？ <ul> <li name="li1" sortid="nav_1">aaaaaaa</li> <li name="li1" sortid="nav_2">bbbbbbb</li> <li name="li1" sortid="nav_3">cccccccc</li> <li name="li1" sortid="nav_4">ddddddd</li> <li name="li1" sortid="nav_5">eeeeeee</li> <li name="li1" sortid="nav_6">fffffffffffffffff</li> <li name="li1" sortid="nav_7">gggggggg</li> <li name="li1" sortid="nav_8"...