先引入jQuery <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
//序列化表单方法 $.fn.serializeObject = function() { var res = {}; var arr = this.serializeArray(); $.each(arr, function() { if(res[this.name] !== undefined) { if(!res[this.name].push) { res[this.name] = [res[this.name]]; } res[this.name].push(this.value || ''); } else { res[this.name] = this.value || ''; } }); //序列化时,如果radio、checkbox未被选中的话就不会出现,这里实现序列化时把radio、CheckBox未被选中时也添加进去 var $radio = $('input[type=radio],input[type=checkbox]', this); $.each($radio, function() { if(!res.hasOwnProperty(this.name)) { res[this.name] = ''; } }); return res; }
在一些常规的项目中,时常会用到地址栏传值,封装了一个获取地址栏内容并转换为json的方法
//获取地址栏内容并转换成json格式 $.fn.getUrlJson = function() { var name, value; //定义变量用于存取地址栏的键值对 var str = decodeURI(location.href); //取得整个地址栏 var num = str.indexOf("?"); //获取?的所在位置 str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //根据&分割字符串,把各个参数放到数组里 for(var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); //获取=的位置 if(num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); this[name] = value; } } }
下面两个常用的方法
//计算表达式的值,与eval作用类似,eval不容易调试,性能差,好像安全性也有问题 $.fn.evil = function(fn) { var Fn = Function; //一个变量指向Function,防止有些前端编译工具报错 return new Fn('return ' + fn)(); } //私有方法,检测参数是否合法 $.fn.isValid = function(options) { return !options || (options && typeof options === "object") ? true : false; }