本文以实例的形式总结了jquery的常见实用函数。分享给大家供大家参考之用。具体示例如下：
1.修剪字符串
$('#id').val($.trim($('#someid').val()))
2.遍历集合
可能这样写：
var anarray = ['one','two'];for(var n = 0; n 3;}, true)console.log(arr);//结果是：1 2 3
可见，当把grep方法的第三个参数设置为true后，会把不符合回调函数的数组元素过滤出来。
举例2：object类型数组
var arr = [ { first: jeffrey, last: 'way' },{ first: 'allison', last: 'way' },{ first: 'john', last: 'doe' },{ first: 'thomas', last: 'way' }; arr = $.grep(arr, function(obj, index){ return obj.last === 'way'; }); console.log(arr);];
4.转换数组
使用$.map(arr, callback)为数组的每一个元素调用回调函数，并返回一个新的数组
给数组的每一个元素加1:
var onebased = $.map([0, 1, 2, 3, 4], function(value){return value +1;})
把字符串数组转换成整型数字数组，判断数组元素是否是数字：
var strings = ['1', '2', '3','4','s','6'];var values = $.map(strings, function(value){ var result = new number(value); return isnan(result) ? null : result;})
把转换后的数组合并到原先的数组中：
var chars = $.map(['this','that'], function(value){return value.split(' ')});
5.返回数组元素的索引
使用$.inarray(value, array)返回传入的值第一次出现的下标，即索引。
var index = $.inarray(2, [1, 2, 3]);
6.将对象转换成数组
$.makearray(object)将传入类似数组的对象转换成javascript数组。
first
second
third
fourth

7.得到不含重复元素的数组
使用$.unique(array)返回由原始数组中不重复的元素组成的数组。
there are 6 divs in this document.
//把到所有div，get方法转换成javascript数组，总共6个divvar divs = $(div).get();//再把3个class名为dup的div合并到前面的6个divdivs = divs.concat($(.dup).get());alert(divs.length); //9个div//过滤去掉重复divs = jquery.unqiue(divs);alert(divs.length);//6个div
8.合并2个数组
$.merge(array1, array2)把第二个数组合并到第一个数组中，并返回第一个数组。
var a1 = [1, 2];var a2 = [2, 3];$.merge(a1, a2);console.log(a1);//[1, 2, 2, 3]
9.把对象序列化成查询字符串
$.param(params)把传入的jquery对象或javascript对象转换成字符串形式。
$(document).ready(function(){ personobj=new object(); personobj.firstname=john; personobj.lastname=doe; personobj.age=50; personobj.eyecolor=blue; $(button).click(function(){ $(div).text($.param(personobj)); });});
结果：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)第二个参数是被包含
$.contains( document.documentelement, document.body ); // true$.contains( document.body, document.documentelement ); // false
12.把值存储到某元素上
$.data(element, key, value)第一个是javascript对象，第二、第三个是键值。
//得到一个div的javascript对象var div = $(div)[0];//把键值存储到div上jquery.data(div, test,{ first: 16, last: 'pizza'})//根据键读出值jquery.data(div, test).firstjquey.data(div, test).last
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。
$(document).ready(function(){ var objperson = { name: john doe, age: 32, test: function(){ $(p).after(name: + this.name +
age: + this.age); } }; $(button).click($.proxy(objperson,test));});
以上，点击按钮，执行的是test方法，不过test方法的上下文做了设置。
15.解析json
jquery.parsejson( json )第一个参数json的类型是字符串。
var obj = jquery.parsejson( '{ name: john }' );alert( obj.name === john );
16.表达式求值
有时候，希望一段代码在全局上下文中执行，可以使用jquery.globaleval( code )。code的类型是字符串。
function test() { jquery.globaleval( var newvar = true; )}test();
17.动态加载脚本
$(selector).getscript(url,success(response,status))用来动态加载js文件，第一个参数是js的文件路径，第二个参数可选，表示获取js文件成功的回调。
$.getscript( ajax/test.js, function( data, textstatus, jqxhr ) { console.log( data ); // data returned console.log( textstatus ); // success console.log( jqxhr.status ); // 200 console.log( load was performed. );});
相信本文所述对大家的jquery程序设计有一定的借鉴价值。