zoukankan      html  css  js  c++  java
  • 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')); 
  • 相关阅读:
    webpack 爬坑
    npm install 安装依赖一直失败(解决)
    vue中使用keepAlive组件缓存,如何清缓存(有些时候页面不需要缓存)
    JS 解决安卓手机输入框被软键盘遮住的问题
    vue项目keep-alive返回记住滚动条位置
    vue中监听路由参数变化
    win10 优化
    提升工作能力的表达能力
    TFS变更地址
    iis php web.config处理404,500等,跳转友好页面,显示500错误信息
  • 原文地址:https://www.cnblogs.com/by-dxm/p/6394651.html
Copyright © 2011-2022 走看看