jQuery中DOM和CSS操作

注：val()函数只对表单有效。

如果想设置多个选择的选定状态，比如下拉列表，单选复选框等等，可以通过数组传递操作。

$("input").val(['check1', 'check2', 'radio1']);//注value值是这些的将被选定

属性操作：

注：

1、attr(key, function(index,value){});中的匿名Function是用于计算返回key对应的value值的。index-- 表示调用attr对象集合中的索引值，value--该对象原来的值。

2、jQuery中很多方法：html(),text(),val().和is(),filter()都可以使用function(index, value){}作为参数。

3、但removeAttr()方法不支持function(){}方法；

元素样式操作：

//遍历Javascript原生态对象数组

var box = $('div').css(['color', 'height', 'width']);

$.each(box, function(attr, value){

alert(attr+": "+value );

});

//遍历jQuery对象数组

$('div').each(function(index,element){

alert(index+': '+element);

});

CSS方法：

$('div').width(): //获取某个元素的长度，返回的类型是number,该值可以直接进行加减运算

$('div').width(500); //设置某个元素的长度，value值可以直接使用数值，默认单位px，也可以使用字符串，这时可以加单位

$('div').width(function(index, oldWidth){ return oldWidth-500}); //通过匿名函数设置某个元素的长度，index--表示元素在集合中的索引值，oldWidth--该元素旧的宽度值。

$('div').height(): //获取某个元素的长度，返回的类型是number,该值可以直接进行加减运算

height()使用方法同width()。