国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

【經典源碼收藏】基于jQuery的項目常見函數封裝集合

2019-11-20 09:46:04
字體:
來源:轉載
供稿:網友

本文實例匯總了基于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-Z/u4e00-/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}/-))?(0/d2,3|0/d{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+': //正整數包含0      objexp = "^//d+$";      break;    case 'int-': //負整數包含0      objexp = "^((-//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 id  var 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: // loading      pic = "./Images/loading.gif";      break;    case 1: // ok      pic = "./Images/right.png";      break;    case 2: // error      pic = "./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: // loading      pic = "./Images/loading.gif";      break;    case 1: // ok      pic = "./Images/right.png";      break;    case 2: // error      pic = "./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-Z/u4e00-/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}/-))?(0/d2,3|0/d{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+': //正整數包含0      objexp = "^//d+$";      break;    case 'int-': //負整數包含0      objexp = "^((-//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: // loading      pic = "/images/publicNew/loading.gif";      break;    case 1: // ok      pic = "/images/publicNew/right.png";      break;    case 2: // error      pic = "/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: // loading      pic = "/images/publicNew/loading.gif";      break;    case 1: // ok      pic = "/images/publicNew/right.png";      break;    case 2: // error      pic = "/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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 朝阳区| 上蔡县| 平湖市| 金堂县| 建湖县| 繁峙县| 揭阳市| 曲靖市| 苍南县| 英德市| 松潘县| 司法| 贡觉县| 拉萨市| 达日县| 曲水县| 通化县| 浮梁县| 宜城市| 通道| 巴塘县| 关岭| 旌德县| 乐山市| 冀州市| 襄汾县| 台江县| 汪清县| 田阳县| 会宁县| 朝阳县| 新河县| 定兴县| 忻城县| 昆山市| 景宁| 吉隆县| 华蓥市| 天柱县| 乌鲁木齐县| 衡东县|