jQuery 知识点补漏

对象与数组的转换 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);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容