• 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')); 
  • 相关阅读:
    【Quartz】1、Quartz使用说明
    【Servlet】1、Servlet监听器及相关接口
    【IDEA&&Eclipse】5、IntelliJ IDEA常见配置
    Chris Richardson微服务实战系列
    Traefik Kubernetes 初试
    用友iuap云运维平台支持基于K8s的微服务架构
    DCOS中监控和弹性伸缩方案经验
    使用微服务架构改造遗留系统
    kubernetes中port、target port、node port的对比分析,以及kube-proxy代理
    基于prometheus监控k8s集群
  • 原文地址:https://www.cnblogs.com/by-dxm/p/6394651.html
Copyright © 2020-2023  润新知