位置: 编程技术 - 正文
实例解析jQuery工具函数(jquery理解)
编辑：rootadmin推荐整理分享实例解析jQuery工具函数(jquery理解)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery教程实例,jquery源码解析,jquery实战,jquery原理解析,jquery原理解析,jquery理解,jquery理解,jquery案例精选,内容如对您有帮助，希望把文章链接给更多的朋友！
一、$.browser对象属性
属性列表 说明
webkit webkit相关浏览器则返回true，否则返回false，如google，傲游。
mozilla mozilla相关浏览器则返回true，否则返回false，如火狐
safari safari相关浏览器则返回true，否则返回false，如safari
opera opera相关浏览器则返回true，否则返回false，如opera
msie msie相关浏览器则返回true，否则返回false,如IE，，搜狗
version 返回对应浏览器的版本
二、boxModel
返回一个布尔值，如果是W3C盒子模型则返回true，否则返回false。
盒子模型分两类，一类是W3C盒子模型，一类是IE盒子模型。两者的根本区别在于W3C的盒子模型不包括padding与border，仅指content的Height和Width，而IE盒子模型 包含padding与border。
上面的例子弹出W3C盒子模型，如果删除掉顶部的两行，<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" 此工具函数不仅能够完成指定数组的遍历，还能够实现页面中元素的遍历。
语法：$.each(obj,fn(para1,para2)) obj要遍历的数组或对象，fn为每个遍历元素执行的回调函数，para1表示数组的序号或对象的属性，para2表示数组的元素和对象的属性。
$.each()遍历数组。
元素遍历
四、$.grep()
筛选符合条件的元素，返回一个新数组
语法：$.grep(Arrar,fn(value,index)); 要注意下回调函数的参数的顺序，第一个是值，第二个是索引。
$.grep(Arrar,fn(value,index),[bool]); 第三个参数表示是否取反，true表示取反，false表示不取反。
六、$.map()
改变函数内的数据，接受一个数组或类数组对象作为参数
七、$.inArray()
如果数组中存在被搜索元素，则返回被搜索元素的索引
八、$.trim()
去除字符串两边的空格
九、测试操作
$.isArray(obj) 检测参数是否是数组
$.isFunction(obj) 检测参数是否是一个函数
$.isEmptyObject(obj) 检测参数是否是一个空对象
$.isPlainObject(obj) 检测参数是否是一个纯粹对象，即对象是否通过{}或new Object()关键字创建。
$.contains(container,contained) 检测一个DOM节点是否包含另一个DOM节点。是则返回true否则表示false。注意参数是DOM对象并非jQuery对象。
十、$.param()
序列化成url字符串
$.param(obj,[bool]); 第二个参数为可选参数，表示是否浅层序列化
十一、$.makeArray()
将数组或类数组对象的属性复制到一个新的数组(真的是数组)中，并返回该新数组。
十二、$.merge()
该函数接受两个数组或类数组对象，将第二个参数附加到第一个参数上面，返回第一个参数，第一个数组会修改，第二个不会。
十三、$.parseJSON()
该函数会解析JSON格式的字符串，并返回解析结果(对象)。 类似于JSON.parse()，注意:jQuery只定义了JSON解析函数，并没有定义序列化函数。
十四、$.proxy()
类似于Function对象的bind()方法，接受函数作为第一个参数，对象作为第二个参数，并返回一个新函数，该函数会作为第二个参数对象的方法调用。
十五、$.unique(array)
删除元素数组中的重复元素
十六、$.extend()
合并对象中的元素
省略dest参数,extend方法原型中的dest参数是可以省略的，如果省略了，则该方法就只能有一个src参数，而且是将该src合并到调用extend方法的对象中去。
要特别注意的一点是：后面的值会覆盖前面同名的值。
命名空间示例：
拷贝方法原型：
extend(boolean,dest,src1,src2,src3...)
其中第一个参数boolean表示是否进行深层拷贝。
标签: jquery理解
本文链接地址:https://www.jiuchutong.com/biancheng/376273.html 转载请保留说明！上一篇：获取jqGrid中选择的行的数据(jqgrid获取选中行)
下一篇：AngularJS中的JSONP实例解析(angularjs1.5)
