jQuery 經常使用工具函數


一、低版本的jQuery支持瀏覽器類型和版本的判斷等信息

1)$.support  能夠查看該瀏覽器對一些屬性的支持狀況html

2)$.browser  能夠查看瀏覽器的信息 json

3)$.boxModel 查看是否使用標準的盒子模型渲染,最好使用 jQuery.support.boxModel 數組



二、對象序列化和反序列化

1)$('#form').serialize() 表單數據序列化瀏覽器

2)$.param(obj) 對象序列化函數

3)$.parseJSON(jsonStr) json字符串反序列化 , 這個能夠參考 JSON.stringify 和 JSON.parse工具

4)$.parseHTML 高版本中才有的,解析htmlspa

5)$.parseXML 高版本中才有的,解析xml插件


三、數據檢查

函數orm

用處

isArrayxml

是不是數組

isEmptyObject

是不是對象

isFunction

是不是函數

isNumeric

是不是數字

isPlainObject

是不是原生對象

isWindow

是不是window對象

isXMLDoc

是不是xml文檔

contains

是否包含節點

jQuery.contains(document.documentElement,

 document.body); // true


四、經常使用的工具函數

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

相關文章
相關標籤/搜索