jquery的工具函數,封裝了比較常用的字串、數字、數組、對象的處理方法,下面是比較常用的的一些方法:
字串操作
代碼如下 |
複製代碼 |
var str = ' www.111cn.net '; console.log(str);// www.111cn.net console.log($.trim(str));//www.111cn.net,去除空格 $.each 迴圈查看數組、對象的資料資訊 var arr = ['IT部落格', 'php部落格', 'javacsript部落格', 'net部落格']; $.each(arr, function(index, value) { console.log(index + '---' + value); }); |
輸出結果:(對象的方法和數組的一樣)
0---IT部落格
1---php部落格
2---javacsript部落格
3---net部落格
$.grep 篩選資訊
代碼如下 |
複製代碼 |
var arr = [4,6,3,88,56,78,45,67,34]; var arr1 = $.grep(arr, function (element, index) {//element=>數組值得大小,index=>索引 從0開始。。。 return index < 3; }); console.log(arr1);//[4, 6, 3] |
$.map 返回修改後的資料
代碼如下 |
複製代碼 |
var arr = [4,6,3,88,56,78,45,67,34]; var arr1 = $.map(arr, function (element, index) {//element=>數組值得大小,index=>索引 從0開始。。。 if (element > 5 && index < 7) { return element + 2; } }); console.log(arr1);//[8, 90, 58, 80, 47] |
$.inArray 判斷元素是不是在數組中 返回下標
代碼如下 |
複製代碼 |
var arr = [4,6,3,88,56,78,45,67,34]; console.log($.inArray(88, arr));//3:尋找元素在數組中的下標 |
$.merge 合并數組
代碼如下 |
複製代碼 |
console.log($.merge([3,5,7], [5,4,2]));//[3, 5, 7, 5, 4, 2]:合并數組 |
測試函數:
代碼如下 |
複製代碼 |
console.log($.isArray([1,2]));//true 判斷是不是數組 console.log($.isFunction(function aa () {}));//true 判斷是不是函數 console.log($.isEmptyObject({}));//true 判斷是不是Null 物件 console.log($.isPlainObject({}));//true 判斷是不是純對象 console.log($.isPlainObject({'name' : 'a'}));//true 判對象斷是不是純對象 console.log($.type(222));//number 判斷資料類型 console.log($.type('222'));//string 判斷資料類型 console.log($.isNumeric(432));//true 是不是數字 console.log($.isNumeric('432'));//true 是不是數字 console.log($.isWindow(window));//true 判斷是不是window對象 console.log($.contains($('#box').get(0), $('#pox').get(0)));//true,是否包含 box是否包含pox |
$.browser 瀏覽器檢測
代碼如下 |
複製代碼 |
console.log($.browser.webkit);//判斷是不是Google瀏覽器 console.log($.browser.mozilla);//判斷是不是Firefox瀏覽器 console.log($.browser.mise);//判斷是不是IE瀏覽器 console.log($.browser.version);//判斷瀏覽器版本 |