【经典源码收藏】基于jQuery的项目常见函数封装集合

本文实例汇总了基于jQuery的项目常见函数封装。分享给大家供大家参考，具体如下：

/// <reference path="jquery-1.8.0.min.js" />/** DIV或元素居中* @return*/jQuery.fn.mCenterDiv = function （） {this.css（"position", "absolute"）;this.css（"border", "1px solid #ccc"）;this.css（"top", （$（window）.height（） - this.height（）） / 2 + $（window）.scrollTop（） + "px"）;this.css（"left", （$（window）.width（） - this.width（）） / 2 + $（window）.scrollLeft（） + "px"）;this.show（100）;return this;};/** 替换字符串中所有符合的字符* @param ASource 源字符串* @param AFindText 待替换字符* @param ARepText 替换后字符* @return*/jQuery.mReplaceAll = function （ASource,AFindText, ARepText） {var raRegExp = new RegExp（AFindText, "g"）;return ASource.replace（raRegExp, ARepText）;};/** 判断object是否空，未定义或null* @param object* @return*/jQuery.mIsNull = function （obj） {if （obj == "" || typeof（obj） == "undefined" || obj == null） {return true;}else {return false;}};/** 获取URL参数* @param name 参数* @return*/jQuery.mGetUrlParam = function （name） {var reg = new RegExp（"（^|&）" + name + "=（[^&]*）（&|$）"）;var r = window.location.search.substr（1）.match（reg）;if （r ！= null） return unescape（r[2]）; return null;};/** 乘法函数，用来得到精确的乘法结果* @param arg1 参数1* @param arg2 参数2* @return*/jQuery.mAccMul = function（arg1, arg2） {var m = 0, s1 = arg1.toString（）, s2 = arg2.toString（）;try { m += s1.split（"."）[1].length } catch （e） { }try { m += s2.split（"."）[1].length } catch （e） { }return Number（s1.replace（".", ""）） * Number（s2.replace（".", ""）） / Math.pow（10, m）}/** 获取随机数* @param x 下限* @param y 上限* @return*/jQuery.mGetRandom = function （x, y） {return parseInt（Math.random（） * （y - x + 1） + x）;};/** 将数值四舍五入（保留2位小数）后格式化成金额形式* @param num 数值（Number或者String）* @return 金额格式的字符串,如"1,234,567.45"*/jQuery.mFormatCurrency = function（num） {num = num.toString（）.replace（/$|,/g, ""）;if （isNaN（num））num = "0";sign = （num == （num = Math.abs（num）））;num = Math.floor（num * 100 + 0.50000000001）;cents = num % 100;num = Math.floor（num / 100）.toString（）;if （cents < 10）cents = "0" + cents;for （var i = 0; i < Math.floor（（num.length - （1 + i）） / 3）; i++）num = num.substring（0, num.length - （4 * i + 3）） + "," +num.substring（num.length - （4 * i + 3））;return （（（sign） ? "" : "-"） + num + "." + cents）;}/** 正则验证* @param s 验证字符串* @param type 验证类型 money,china,mobile等* @return*/jQuery.mCheck = function （s, type） {var objbool = false;var objexp = "";switch （type） {case "money": //金额格式,格式定义为带小数的正数，小数点后最多三位objexp = "^[0-9]+[.][0-9]{0,3}$";break;case "numletter_": //英文字母和数字和下划线组成objexp = "^[0-9a-zA-Z\_]+$";break;case "numletter": //英文字母和数字组成objexp = "^[0-9a-zA-Z]+$";break;case "numletterchina": //汉字、字母、数字组成objexp = "^[0-9a-zA-Zu4e00-u9fa5]+$";break;case "email": //邮件地址格式objexp = "^（[a-zA-Z0-9_.-]）+@（（[a-zA-Z0-9-]）+.）+（[a-zA-Z0-9]{2,4}）+$";break;case "tel": //固话格式objexp = /^（（d2,3）|（d{3}-））?（0d2,3|0d{2,3}-）?[1-9]d{6,7}（-d{1,4}）?$/;break;case "mobile": //手机号码objexp = "^（13[0-9]|15[0-9]|18[0-9]）（[0-9]{8}）$";break;case "decimal": //浮点数objexp = "^[0-9]+（[.][0-9]+）?$";break;case "url": //网址objexp = "（http://|https://）{0,1}[w/.?&=]+";break;case "date": //日期 YYYY-MM-DD格式objexp = /^（d{1,4}）（-|/）（d{1,2}）2（d{1,2}）$/;break;case "int": //整数objexp = "^[0-9]*[1-9][0-9]*$";break;case "int+": //正整数包含0objexp = "^\d+$";break;case "int-": //负整数包含0objexp = "^（（-\d+）|（0+））$";break;case "china": //中文objexp = /^[u0391-uFFE5]+$/;break;}var re = new RegExp（objexp）;if （re.test（s）） {return true;}else {return false;}};/** 获取控件的值* @param controlID 控件ID* @param controltype 类型 如text radio* @return*/jQuery.mGetValue = function （controlID, controltype） {var objValue = "";switch （controltype） {case "text": //文本输入框objValue = $.trim（$（"#" + controlID + ""）.attr（"value"））; //取值去左右空格break;case "radio": //单选框objValue = $（"input[name="" + controlID + ""]:checked"）.attr（"value"）;break;case "select": //下拉列表objValue = $（"#" + controlID + ""）.attr（"value"）;break;case "checkbox": //多选框$（"input[name="" + controlID + ""]:checked"）.each（function （） {objValue += $（this）.val（） + ",";}）;break;default:break;}return objValue;};/** 设置控件的值* @param controlID 控件ID* @param controltype 类型 如text radio* @param controlvalue 绑定值* @return*/jQuery.mSetValue = function （controlID, controltype, controlvalue） {switch （controltype） {case "text": //文本输入框//$（"#txtUserID"）.attr（"value", "这是绑定内容"）; //填充内容//$（"input[name="radio1"][value="上海"]"）.attr（"checked", true）; //单选组radio：设置value="上海"的项目为当前选中项//$（"#select1"）.attr（"value", "葡萄牙"）; //下拉框select：设置value="中国"的项目为当前选中项//$（"input[name="checkbox1"][value="黑色"],[value="蓝色"]"）.attr（"checked", true）; //多选框：设置多个值为当前选中项$（"#" + controlID + ""）.attr（"value", controlvalue）; //填充内容break;case "radio": //单选框$（"input[name="" + controlID + ""][value="" + controlvalue + ""]"）.attr（"checked", true）;break;case "select": //下拉列表$（"#" + controlID + ""）.attr（"value", controlvalue）;break;case "checkbox": //多选框$（"input[name="" + controlID + ""][value="" + controlvalue + ""],[value="" + controlvalue + ""]"）.attr（"checked", true）; //多选框：设置多个值为当前选中项break;default:break;}};/** 兼容IE火狐等浏览器的自动跳转* @param url 跳转网址* @return*/jQuery.mAutoNav = function （url） {if （$.browser.msie） {var referLink = document.createElement（"a"）;referLink.href = url;document.body.appendChild（referLink）;referLink.click（）;} else {location.href = url;}};/** Table表格奇偶行设置颜色及移动鼠标行变色* @param table 表格ID* @return*/jQuery.mTableHover = function （table） {$（"#" + table）.each（function （） {var o = $（this）;//设置偶数行和奇数行颜色o.find（"tr:even"）.css（"background-color", "#EFF3FB"）;o.find（"tr:odd"）.css（"background-color", "#FFFFFF"）;//鼠标移动隔行变色hover用法关键o.find（"tr:not（:first）"）.hover（function （） {$（this）.attr（"bColor", $（this）.css（"background-color"））.css（"background-color", "#E0E0E0"）;}, function （） {$（this）.css（"background-color", $（this）.attr（"bColor"））;}）;}）;};/** gridview 隔行换色 鼠标滑过变色 多选* c#获取选择值 Request.Form.Get（"chkItem"）* @param objgridview ID* @return*/jQuery.mGridview = function （objgridview） {var headcolor = { background: "#E0ECFF", color: "#333" };var normalcolor = { background: "#f7f6f3" };var altercolor = { background: "#EDF1F8" };var hovercolor = { background: "#89A5D1" };var selectcolor = { background: "#ACBFDF" };var nullcolor = {};//get obj idvar gridviewId = "#" + objgridview;//even$（gridviewId + ">tbody tr:even"）.css（normalcolor）;//first$（gridviewId + ">tbody tr:first"）.css（nullcolor）.css（headcolor）;//odd$（gridviewId + ">tbody tr:odd"）.css（altercolor）;//hover$（gridviewId + ">tbody tr"）.click（function （） {var cb = $（this）.find（"input:checkbox"）;var chf = typeof （cb.attr（"checked"）） == "undefined" ? true : false;cb.attr（"checked", chf）;var expr1 = gridviewId + " >tbody >tr >td >input:checkbox:checked";var expr2 = gridviewId + " >tbody >tr >td >input:checkbox";var selectAll = $（expr1）.length == $（expr2）.length;$（"#chkAll"）.attr（"checked", selectAll）;}）.hover（function （） {$（this）.css（hovercolor）;}, function （） {$（gridviewId + ">tbody tr:even"）.css（normalcolor）;$（gridviewId + ">tbody tr:first"）.css（nullcolor）.css（headcolor）;$（gridviewId + ">tbody tr:odd"）.css（altercolor）;}）;//all check$（"#chkAll"）.click（function （） {$（gridviewId + ">tbody >tr >td >input:checkbox:visible"）.attr（"checked", this.checked）;}）;//check status$（gridviewId + " >tbody >tr >td >input:checkbox"）.click（function （） {var cb = $（this）;var chf = typeof （cb.attr（"checked"）） == "undefined" ? true : false;cb.attr（"checked", chf）;var expr1 = gridviewId + " >tbody >tr >td >input:checkbox:checked";var expr2 = gridviewId + " >tbody >tr >td >input:checkbox";var selectAll = $（expr1）.length == $（expr2）.length;$（"#chkAll"）.attr（"checked", selectAll）;}）;};/** 屏幕居中显示处理进度* @param info 显示文字* @param type 方式 0遮罩 1不遮罩* @param typepic 图片 0:load 1:ok 2:error* @return*/jQuery.mMaskLoad = function （info, type, typepic） {var pic = "";switch （typepic） {case 0: // loadingpic = "./Images/loading.gif";break;case 1: // okpic = "./Images/right.png";break;case 2: // errorpic = "./Images/error.png";break;default: //其他任何值时pic = "./Images/loading.gif";break;}if （type == 0） {$（"<div class="datagrid-mask"></div>"）.css（{display: "block",width: "100%",position: "absolute",left: "0",top: "0",opacity: "0.3",height: "100%",filter: "alpha（opacity=30）",background: "#ccc"}）.appendTo（"body"）;};$（"<div class="datagrid-mask-msg"></div>"）.css（{position: "absolute",top: "50%",padding: "12px 5px 10px 30px",width: "auto",height: "16px",border: "1px solid #D1D1D1",background: "#ffffff url（"" + pic + ""） no-repeat scroll 5px center",display: "block",left: （$（document.body）.outerWidth（true） - 190） / 2,top: （$（window）.height（） - 45） / 2}）.html（info）.appendTo（"body"）;};/** 屏幕居中隐藏处理进度* @return*/jQuery.mMaskLoadClose = function （） {$（".datagrid-mask"）.remove（）;$（".datagrid-mask-msg"）.remove（）;};/** 控件后创建SPAN作为TIP提示* @param o 用this* @param tip 提示文字* @param typepic 图片 0:load 1:ok 2:error* @return*/jQuery.mTip = function （o, tip, typepic） {var pic = "";switch （typepic） {case 0: // loadingpic = "./Images/loading.gif";break;case 1: // okpic = "./Images/right.png";break;case 2: // errorpic = "./Images/error.png";break;default: //其他任何值时pic = "./Images/loading.gif";break;}var eTip = document.createElement（"span"）;var objid = $（o）.attr（"id"） + "_tipDiv";var value = $（o）.val（）;//绝对路径var x = $（o）.offset（）.top;var y = $（o）.offset（）.left;var w = $（o）.width（）;var h = $（o）.height（）;eTip.setAttribute（"id", objid）;try {document.body.appendChild（eTip）;} catch （e） { }$（"#" + objid）.hide（）;$（"#" + objid）.css（{top: x,left: y + w + 10,height: h,position: "absolute"}）;$（"#" + objid）.html（"<img src="" + pic + "" style="vertical-align:bottom;margin-right:5px;">" + tip）;$（"#" + objid）.show（）;};/*** ajax post提交* @param url* @param param* @param datat 为html,json,text* @param callback 回调函数 function callBack（data）* @return*/jQuery.mJqAjax = function （url, param, datat, callback） {$.ajax（{type: "post",url: url,data: param,dataType: datat,success: callback,error: function （） { }}）;};

/// <reference path="jquery-1.8.3.min.js" />/*********************************************************************//***************************Jquery 扩展****************************//*********************************************************************/jQuery.mIsNull = function （obj） {if （obj == "" || typeof （obj） == "undefined" || obj == null） {return true;}else {return false;}};jQuery.mCheckNull = function （id, tipid, nullmess, ctype） {var str = $.mGetValue（id, ctype）;var tid = （$.mIsNull（tipid）） ? id : tipid;var obj = （$.mIsNull（tipid）） ? $.mTip : $.mTipCustom;if （$.mIsNull（str）） {obj（"#" + tid, nullmess, 2）;}else {obj（"#" + tid, "", 1）;}};jQuery.mCheckNullAndReg = function （id, tipid, nullmess, regmess, ctype, rtype） {var str = $.mGetValue（id, ctype）;var tid = （$.mIsNull（tipid）） ? id : tipid;var obj = （$.mIsNull（tipid）） ? $.mTip : $.mTipCustom;if （$.mIsNull（str）） {obj（"#" + tid, nullmess, 2）;}else {if （$.mCheck（str, rtype）） {obj（"#" + tid, "", 1）;} else {obj（"#" + tid, regmess, 2）;}}};jQuery.mCheck = function （s, type） {var objbool = false;var objexp = "";switch （type） {case "money": //金额格式,格式定义为带小数的正数，小数点后最多三位objexp = "^[0-9]+[.][0-9]{0,3}$";break;case "numletter_": //英文字母和数字和下划线组成objexp = "^[0-9a-zA-Z\_]+$";break;case "numletter": //英文字母和数字组成objexp = "^[0-9a-zA-Z]+$";break;case "numletterchina": //汉字、字母、数字组成objexp = "^[0-9a-zA-Zu4e00-u9fa5]+$";break;case "email": //邮件地址格式objexp = "^（[a-zA-Z0-9_.-]）+@（（[a-zA-Z0-9-]）+.）+（[a-zA-Z0-9]{2,4}）+$";break;case "tel": //固话格式objexp = /^（（d2,3）|（d{3}-））?（0d2,3|0d{2,3}-）?[1-9]d{6,7}（-d{1,4}）?$/;break;case "mobile": //手机号码objexp = "^（13[0-9]|15[0-9]|18[0-9]）（[0-9]{8}）$";break;case "decimal": //浮点数objexp = "^[0-9]+（[.][0-9]+）?$";break;case "url": //网址objexp = "（http://|https://）{0,1}[w/.?&=]+";break;case "date": //日期 YYYY-MM-DD格式objexp = /^（d{1,4}）（-|/）（d{1,2}）2（d{1,2}）$/;break;case "int": //整数objexp = "^[0-9]*[1-9][0-9]*$";break;case "int+": //正整数包含0objexp = "^\d+$";break;case "int-": //负整数包含0objexp = "^（（-\d+）|（0+））$";break;case "china": //中文objexp = /^[u0391-uFFE5]+$/;break;}var re = new RegExp（objexp）;if （re.test（s）） {return true;}else {return false;}};jQuery.mTip = function （o, tip, typepic） {var pic = "";switch （typepic） {case 0: // loadingpic = "/images/publicNew/loading.gif";break;case 1: // okpic = "/images/publicNew/right.png";break;case 2: // errorpic = "/images/publicNew/error.png";break;default: //其他任何值时pic = "/images/publicNew/onLoad.gif";break;}var eTip = document.createElement（"span"）;var objid = $（o）.attr（"id"） + "_tipDiv";var value = $（o）.val（）;//绝对路径var x = $（o）.offset（）.top;var y = $（o）.offset（）.left;var w = $（o）.width（）;var h = $（o）.height（）;eTip.setAttribute（"id", objid）;try {document.body.appendChild（eTip）;} catch （e） { }$（"#" + objid）.hide（）;$（"#" + objid）.css（{top: x,left: y + w + 10,height: h,position: "absolute"}）;$（"#" + objid）.html（"<img src="" + pic + "" style="vertical-align:bottom;margin-right:5px;">" + tip）;$（"#" + objid）.show（）;};jQuery.mTipCustom = function （o, tip, typepic） {var pic = "";switch （typepic） {case 0: // loadingpic = "/images/publicNew/loading.gif";break;case 1: // okpic = "/images/publicNew/right.png";break;case 2: // errorpic = "/images/publicNew/error.png";break;default: //其他任何值时pic = "/images/publicNew/onLoad.gif";break;}$（"#" + o）.html（"<img src="" + pic + "" style="vertical-align:bottom;margin-right:5px;">" + tip）;$（"#" + o）.show（）;};jQuery.mGetValue = function （controlID, controltype） {var objValue = "";switch （controltype） {case "text": //文本输入框objValue = $.trim（$（"#" + controlID + ""）.attr（"value"））; //取值去左右空格break;case "radio": //单选框objValue = $（"input[name="" + controlID + ""]:checked"）.attr（"value"）;break;case "select": //下拉列表objValue = $（"#" + controlID + ""）.attr（"value"）;break;case "checkbox": //多选框$（"input[name="" + controlID + ""]:checked"）.each（function （） {objValue += $（this）.val（） + ",";}）;break;default:break;}return objValue;};/*** ajax post提交* @param url* @param param* @param datat 为html,json,text* @param callback 回调函数 function callBack（data）* @return*/jQuery.mJqAjax = function （url, param, datat, callback） {$.ajax（{type: "post",url: url,data: param,dataType: datat,success: callback,error: function （） { }}）;};

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery表格（table）操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。