美文网首页
jQuery 知识点补漏

jQuery 知识点补漏

作者: Sharise_Mo佩珊 | 来源:发表于2017-03-04 11:32 被阅读0次

    对象与数组的转换 http://www.cnblogs.com/lijuntao/p/6604276.html

    遍历

    Paste_Image.png
    • each() 循环遍历
     var arr = [ "one", "two", "three", "four"];     
     $.each(arr, function(){     
        alert(this);     
     });   
    //上面这个each输出的结果分别为:one,two,three,four    
    var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
    $.each(arr1, function(i, item){     
       alert(item[0]);     
    });     
    //其实arr1为一个二维数组,item相当于取每一个一维数组,   
    //item[0]相对于取每一个一维数组里的第一个值   
    //所以上面这个each输出分别为:1   4   7     
    var obj = { one:1, two:2, three:3, four:4};     
    $.each(obj, function(i) {     
        alert(obj[i]);           
    });   
    //这个each就有更厉害了,能循环每一个属性     
    //输出结果为:1   2  3  4
    
    • map():返回一个由原数组中每个元素调用一个指定方法后的返回值组成的新数组
    Paste_Image.png
    • 保留两位小数: num.toFixed(2)
    • select动态添加option:
        var data = [
                {name:"aadfffffffffffaaa",value:"1"},
                {name:"bbbbb",value:"2"},
                {name:"ccccc",value:"3"},
                {name:"aaaaa",value:"1"},
                {name:"ccccc",value:"3"},
                {name:"aaaaa",value:"1"},
                {name:"bbbbb",value:"2"},
                {name:"ccccc",value:"3"},
          ];
          var ops = data.map(function(item){
                var op = $("<option></option>");
                op.val(item.value);
                op.text(item.name);
                return op;
            });
    

    jQuery与JS的某些差异

    var aa = document.getElementById("qrcode");
    var bb = $("#qrcode");
    var cc= bb[0]
    console.log(aa);
    console.log(bb);
    console.log(cc);
    

    相关文章

      网友评论

          本文标题:jQuery 知识点补漏

          本文链接:https://www.haomeiwen.com/subject/rdndgttx.html