jQuery 常用工具函数

jopen 4年前


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