用jQuery封裝的一些方法

標籤：color   val   type   eof   檢測   數組   else   typeof   2.0   

先引入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;    }

 

用jQuery封裝的一些方法