视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
jQuery实用函数用法总结_jquery
2020-11-27 21:26:25 责编:小采
文档


本文以实例的形式总结了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数组。

First
Second
Third
Fourth

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程序设计有一定的借鉴价值。

下载本文
显示全文
专题