JQ常见面试题

1. JQ如何将json格式的字符串转化为json变量

    用jQuery.parseJSON(str)来转 接收一个JSON字符串，返回解析后的对象。
    一般会这么写 $.parseJSON('"{test:1}"')
    或者也可以 jQuery.parseJSON('"{test:1}"')
    结果都是一样的，转换出来的就是json对象

    当然也可以选择使用原生方法JSON.parse(str)同样可以接收json字符串，转成json对象

2. JQ如何遍历一个map

    2.1 首先是普通的数组（索引为整数的数组）：

 1 //$.map(arr,fn);
 2 //对数组中的每个元素调用fn函数逐个进行处理，fn函数将处理返回最后得到的一个新的数组
 3 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
 4 var newarr = $.map(arr, function (item) { return item * 2 });
 5 alert(newarr);

 6 //$.each(array,fn)对数组array每个元素调用fn函数进行处理，没有返回值
 7 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
 8 $.each(arr, function (key, value) { alert("key:" + key + "value:" + value); });

 9 //还可以省略function的参数，这个时候this可以得到遍历的当前元素的值
10 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
11 $.each(arr, function () { alert(this); });

  2.2 然后是索引为字符串的 键值对数组

1 //然后是索引为字符串的 键值对数组，针对这类数组，
2 // 一般采用$.each(array,fn)来操作：
3 //当然也可以使用无参的的function进行遍历；
4 var arr = { "jim": "11", "tom": "12", "lilei": "13" };
5 $.each(arr, function (key, value) { alert("姓名：" + key + "年龄：" + value); });

var map = {
  地名: ["北京","天津","上海"],
  民族: ["汉族","藏族","维吾尔族"]
};
          
$.each(map,function(key,values){          
  console.log(key);
  $(values).each(function(){
     console.log("\t"+ this);
  });          
});

运行结果：

  地名  　　

        北京  　　

        天津  　　

       上海 

民族  　　

       汉族  　　

       藏族  　　

       维吾尔族 

注意：jquery中的$().each和$.each的区别，前者只能遍历数组，后者可以遍历数组和对象 

实例：$("#idGrads").html($.map(colors, function(x,i){ return "<div id=cl_" + i + " style='background:rgb(" + x.join(",") + ")'></div>"; }).join(""));

3. jQuery获取CheckBox选中的值

-- 复选框代码
<input type="checkbox" value="123"  />


function test(){

    var vals = [];

    $.each($('input:checkbox:checked'),function(){

    vals.push($(this).val());

    });

}

获取并放到vals里面    

4. HTML如何使两个div在同一行

让两个div标签在同一行，需两个div的样式加上style="display: inline;"  记得两个都要加，因为块级元素前后都有换行符。