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')); 

 

posted @ 2017-02-13 17:15  党兴明  阅读(121)  评论(0编辑  收藏  举报