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);
});