前端汇总

input标签中的name,id,value

定义和用法
name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表
数据。
注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值
1: 作为可与服务器交互数据的HTML元素的服务器端的标识，比如 input、select、textarea、和button等。我们可以在服务器端根据其Name通过 Request.Params取得元素提交的值。
2: HTML元素Input type='radio’分 组，我们知道radio button控件在同一个分组类，
check操作是mutex的，同一 时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。

id 一般用于css和js中引用,name用于表单提交,只有加了name属性的标签元素才会提交到服务器。
ID 是 以 #定义的CSS样式
也可以用JS获取来控制 getElementById(这里是ID) 来获取
id是唯一标识符，不允许有重复值可以通过它的值来获得对应的html标签对象。相当于人的身份证具有唯一性

value：控件的值

value 属性为 input 元素设定值。

对于不同的输入类型，value 属性的用法也不同：

type=“button”, “reset”, “submit” - 定义按钮上的显示的文本 type=“text”,
“password”, “hidden” - 定义输入字段的初始值 type=“checkbox”, “radio”, “image” -
定义与输入相关联的值 注释： 和 中必须设置
value 属性。

注释：value 属性无法与 一同使用。

window.onload

菜鸟教程详细教程
window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。

window.onload() 通常用于 元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。

window.onload 与 jQuery ready() 区别

$.each()

$.each()是对数组，json和dom结构等的遍历，说一下他的使用方法吧。

参数	描述
object	Object类型 指定需要遍历的对象或数组。
callback	Function类型 指定的用于循环执行的函数。

语法

$.each( object, callback )

参数 描述
object Object类型 指定需要遍历的对象或数组。
callback Function类型 指定的用于循环执行的函数。

http://www.cnblogs.com/zhaixr/

1、遍历一维数组

 var arr1=['aa','bb','cc','dd'];
 $.each(arr1,function(i,val){ //两个参数，第一个参数表示遍历的数组的下标，第二个参数表示下标对应的值
 console.log(i+'```````'+val);

结果

0```````aa
1```````bb
 2```````cc
3```````dd

2、遍历二维数组

var arr2=[['aaa','bbb'],['ccc','ddd'],['eee','fff']];
$.each(arr2,function(i,item){ //两个参数，第一个参数表示下标，第二个参数表示一维数组中的每一个数组
 console.log(i+'````'+item);

输出的结果为：

0````aaa,bbb
1````ccc,ddd
2````eee,fff

此时可以对输出的一维数组进行遍历

$.each(item,function(i,val){  //遍历二维数组
          console.log(i+'`````'+val);
  })

输出的结果为：

0````aaa,bbb
    0`````aaa
    1`````bbb
1````ccc,ddd
    0`````ccc
    1`````ddd
2````eee,fff
    0`````eee
    1`````fff

3、处理json

var json1={key1:'a',key2:'b',key3:'c'};
 $.each(json1,function(key,value){  //遍历键值对
            console.log(key+'````'+value);
  })

输出的结果为：

key1````a
key2````b
key3````c

4、当二位数组中有json对象时

var arr3=[{name:'n1',age:18},{name:'n2',age:20},{name:'n3',age:22}];
        $.each(arr3,function(i,val){
            console.log(i+'`````'+val);   
　　　　//输出
　　　　/* 0`````[object Object] 1`````[object Object] i2`````[object Object]*/
            console.log(val.name); //获取每一个json里面的name值
            console.log(val["name"]);
            $.each(val,function(key,val2){
                console.log(key+'```'+val2);
            })
        });

5、处理dom元素

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>

$.each($('input:hidden'),function(i,val){
            console.log(i+'````'+val);
            /*0````[object HTMLInputElement]
            1````[object HTMLInputElement]
            2````[object HTMLInputElement]
            3````[object HTMLInputElement]*/
            console.log(val.name+'`````'+val.value);
           /* aaa`````111
           bbb`````222
            ccc`````333
           ddd`````444*/
        })

以上就是$.each()最基本的使用了，

jQuery中还有另外一种写法来遍历元素

$("input:hidden").each(function(i,val){  //第一个参数表示索引下标，第二个参数表示当前索引元素
    alert(i);
    alert(val.name);
    alert(val.value);       
});