jQuery实用函数用法总结_jquery

1.修剪字符串

2.遍历集合

可能这样写：

还有可能这样写：

但有了$.each函数后，就可以这样写了：

3.筛选数组

使用$.grep()方法能筛选数组。先来看grep方法的定义：

以上示例中：
① grep方法的第二个参数是回调函数，该回调函数接收2个参数，一个是数组的元素，一个是数组的索引。
② grep方法的第三个参数inv，默认情况下是undefined，所以!!inv为false，即inv的默认值是false

举例1：int类型数组

如果把grep的第三个参数显式地设置为true，结果怎样呢？

可见，当把grep方法的第三个参数设置为true后，会把不符合回调函数的数组元素过滤出来。

举例2：object类型数组

4.转换数组

使用$.map(arr, callback)为数组的每一个元素调用回调函数，并返回一个新的数组

给数组的每一个元素加1:

把字符串数组转换成整型数字数组，判断数组元素是否是数字：

把转换后的数组合并到原先的数组中：

5.返回数组元素的索引

使用$.inArray(value, array)返回传入的值第一次出现的下标，即索引。

6.将对象转换成数组

$.makeArray(object)将传入类似数组的对象转换成Javascript数组。

7.得到不含重复元素的数组

使用$.unique(array)返回由原始数组中不重复的元素组成的数组。

8.合并2个数组

$.merge(array1, array2)把第二个数组合并到第一个数组中，并返回第一个数组。

9.把对象序列化成查询字符串

$.param(params)把传入的jquery对象或javascript对象转换成字符串形式。

结果：firstname=John&lastname=Doe&age=50&eyecolor=blue

10.一些判断函数

$.isArray(o) 如果o是javascript数组，则返回true,如果是类似数组的jquery对象数组，返回false
$.isEmptyObject(o) 如果o是不包含属性的javascript对象，则返回true
$.isFunction(o) 如果o是javascript函数就返回true
$.isPlainObject(o) 如果o是通过{}或new Object()创建的对象，则返回true
$.isXMLDoc(node) 如果node是XML文档或者是XML文档中的节点，则返回true

11.判断一个元素是否包含在另外一个元素中

$.contains(container, containee)第二个参数是被包含

12.把值存储到某元素上

$.data(element, key, value)第一个是javascript对象，第二、第三个是键值。

13.移除存储到某元素上的值

14.绑定函数的上下文

jQuery.proxy( function, context)返回一个新的function函数，上下文是context。

以上，点击按钮，执行的是test方法，不过test方法的上下文做了设置。

15.解析JSON

jQuery.parseJSON( json )第一个参数json的类型是字符串。

16.表达式求值

有时候，希望一段代码在全局上下文中执行，可以使用jQuery.globalEval( code )。code的类型是字符串。

17.动态加载脚本

$(selector).getScript(url,success(response,status))用来动态加载js文件，第一个参数是js的文件路径，第二个参数可选，表示获取js文件成功的回调。

相信本文所述对大家的jQuery程序设计有一定的借鉴价值。