前端之家收集整理的这篇文章主要介绍了
jQuery实用函数用法总结,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文以实例的形式总结了jQuery的常见实用函数。分享给大家供大家参考之用。具体示例如下:
1.修剪字符串
2.遍历集合
可能这样写:
}
还有可能这样写:
}
但有了$.each函数后,就可以这样写了:
})
var anObject = {one: 1,two: 2};
$.each(anObjct,function(name,value){
})
3.筛选数组
使用$.grep()方法能筛选数组。先来看grep方法的定义:
以上示例中:
① grep方法的第二个参数是回调函数,该回调函数接收2个参数,一个是数组的元素,一个是数组的索引。
② grep方法的第三个参数inv,默认情况下是undefined,所以!!inv为false,即inv的默认值是false
举例1:int类型数组
3;
})
console.log(arr);//结果是:4 5 6
如果把grep的第三个参数显式地设置为true,结果怎样呢?
3;
},true)
console.log(arr);//结果是:1 2 3
可见,当把grep方法的第三个参数设置为true后,会把不符合回调函数的数组元素过滤出来。
举例2:object类型数组
4.转换数组
使用$.map(arr,callback)为数组的每一个元素调用回调函数,并返回一个新的数组
给数组的每一个元素加1:
把字符串数组转换成整型数字数组,判断数组元素是否是数字:
把转换后的数组合并到原先的数组中:
5.返回数组元素的索引
使用$.inArray(value,array)返回传入的值第一次出现的下标,即索引。
6.将对象转换成数组
$.makeArray(object)将传入类似数组的对象转换成Javascript数组。
First
Second
Third
Fourth
There are 6 divs in this document.
//把到所有div,get
方法转换成javascript数组,总共6个div
var divs = $("div").get();
//再把3个class名为dup的div合并到前面的6个div
divs = divs.concat($(".dup").get());
alert(divs.length); //9个div
//过滤去掉重复
divs = jQuery.unqiue(divs);
alert(divs.length);//6个div
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.移除存储到某元素上的值
value1 before creation:
value1 after creation:
value1 after removal:
value2 after removal:
var div = $( "div" )[ 0 ];
//存储值
jQuery.data( div,"test1","VALUE-1" );
//移除值
jQuery.removeData( div,"test1" );
14.绑定函数的上下文
jQuery.proxy( function,context)返回一个新的function函数,上下文是context。
Age: " + this.age);
}
};
$("button").click($.proxy(objPerson,"test"));
});
以上,点击按钮,执行的是test方法,不过test方法的上下文做了设置。
15.解析JSON
jQuery.parseJSON( json )第一个参数json的类型是字符串。
16.表达式求值
有时候,希望一段代码在全局上下文中执行,可以使用jQuery.globalEval( code )。code的类型是字符串。
17.动态加载脚本
$(selector).getScript(url,success(response,status))用来动态加载js文件,第一个参数是js的文件路径,第二个参数可选,表示获取js文件成功的回调。
相信本文所述对大家的jQuery程序设计有一定的借鉴价值。