jQuery 常用工具函數

jopen 8年前發布 | 20K 次閱讀 jQuery Ajax框架


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 )。第一個參數是要設定的作用域對象。第二個參數是將要設置作用域的函數名(必須是第一個作用域對象的一個屬性)。



來自: http://my.oschina.net/heweipo/blog/546423

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!