jQuery 常用工具函數
1、低版本的jQuery支持瀏覽器類型和版本的判斷等信息
1)$.support 可以查看該瀏覽器對一些屬性的支持情況
2)$.browser 可以查看瀏覽器的信息
3)$.boxModel 查看是否使用標準的盒子模型渲染,最好使用 jQuery.support.boxModel
2、對象序列化和反序列化
1)$('#form').serialize() 表單數據序列化
2)$.param(obj) 對象序列化
3)$.parseJSON(jsonStr) json字符串反序列化 , 這個可以參考 JSON.stringify 和 JSON.parse
4)$.parseHTML 高版本中才有的,解析html
5)$.parseXML 高版本中才有的,解析xml
3、數據檢查
函數 |
用處 |
isArray |
是否是數組 |
isEmptyObject |
是否是對象 |
isFunction |
是否是函數 |
isNumeric |
是否是數字 |
isPlainObject |
是否是原生對象 |
isWindow |
是否是window對象 |
isXMLDoc |
是否是xml文檔 |
contains |
是否包含節點 jQuery.contains(document.documentElement, document.body); // true |
4、常用的工具函數
$.each(object, [callback]) 循環遍歷對象
$.extend([d],tgt,obj1,[objN]) 插件編寫,類繼承
$.grep(array, fn, [invert]) 查找元素
$.makeArray(obj) 對象變為數組
$.map(array, callback) 遍歷元素,修改元素
$.inArray(value, array) 是否存在
$.toArray() 把jQuery集合中所有DOM元素恢復成一個數組。
$.merge(first, second) 合并兩個數組
$.unique(array) 刪除數組中重復元素。只處理刪除DOM元素數組,而不能處理字符串或者數字數組。
$.parseJSON(json) var obj = jQuery.parseJSON('{"name":"John"}');
$.trim(str) 清除前后空格
5、作用域綁定
$.proxy( scope, name )
jQuery 1.4 新增。返回一個新函數,并且這個函數始終保持了特定的作用域。
當有事件處理函數要附加到元素上,但他們的作用域實際是指向另一個對象時,這個方法最有用了。此外,最妙的是,jQuery能夠確保即便你綁定的函數是經過jQuery.proxy()處理過的函數,你依然可以傳遞原先的函數來準確無誤地取消綁定。請參考下面的例子。
這個函數還有另一種用法,jQuery.proxy( scope, name )。第一個參數是要設定的作用域對象。第二個參數是將要設置作用域的函數名(必須是第一個作用域對象的一個屬性)。