jQuery工具函数
字符串,数字和对象:
//字符串操作,去除两边的空格 var str = ' 党兴明 '; alert(str); alert($.trim(str)); 数组及对象操作 //遍历数组和对象 var arr = ['党','兴','明']; $.each(arr,function(index,value){ $('#box').html($('#box').html() + index + ':' + value + '<br />'); }); $.each($.ajax(),function(name,fn){ $('#box').html($('#box').html + name + '<br />'); }); //数据筛选 var arr = [1,2,3,4,5,6]; var arrGrep = $.grep(arr,function(element,index){ return index < 3 && element <2; //整体返回数组:下标小于3并且选出的值小于2的 }); alert(arrGrep); //数据修改 var arr = [1,2,3,4,5,6]; var arrMap = $.map(arr,function(element,index){ if(index < 3 && element <2){//按布尔值返回,所以不能按上边的写 return element + 3; } }); alert(arrMap); //获取查找元素的下标 var arr = [1,2,3,4,5,6]; alert($.inArray(4,arr)); //合并数组 var arr = [1,2,3,4,5,6]; var arr2 = [7,8,9]; alert($.merge(arr,arr2)); //合并数组,删除相同的 var arr = [1,2,3,4,5,6]; var arr2 = [2,3,4]; var arr3 = $.merge(arr,arr2); alert($.unique(arr3)); //注意火狐不可以 //真正用法是对dom操作 var divs = $('div').get(); divs = divs.concat($('.box').get()); $.unique(divs); alert(divs); //合并多个dom元素成数组 alert($('li').toArray().length);//不是jQuery对象了 alert($($('li').toArray()).size());//$()包裹变成jQuery对象
测试操作:
URL操作:
//将对象键值对转为URL键值对 var obj = {name:'dang',age:23}; alert($.param(obj));
浏览器检测:$.browser工具对象已经废弃 $.suport官方不支持了
绑定函数上下文:详见另一篇《外部事件触发调用对象方法,this指向问题》
var obj = { name: 'dang', test:function(){ alert(this.name); } }; $('.box').click($.proxy(obj,'test'));
本博客作为一个入门者的自学记录,欢迎各位同行者不吝赐教。