js改变元素样式

一、jQuery设置元素样式

jQuery可以使用css()方法来修改简单元素样式；也可以操作类，修改多个样式。

1、参数只写属性名，则返回属性值

 $("div").css("color");

2、参数是属性名，属性值，逗号分隔，是设置一组样式，属性名必须加引号，值如果是数字可以不用跟单位和引号

$("div").css("color","red");

3、参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号，也可以加（如果是符合属性则必须采用驼峰命名法，如果值不是数字，则需要加引号）

$("div").css({"color":"white","font-size":"20px", height: 200, backgroundColor: 'red'});

 二、原生DOM设置元素样式

jquery对象使用的是css函数来操作样式，原生DOM是：

var box1=document.querySelector(".box1");
box1.style.height="300px"; 

隐式迭代（重要）：遍历内部DOM元素（伪数组形式储存）的过程就叫做隐式迭代。

简单理解：给匹配到的所有元素进行遍历循环，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用

 

参考来源：http://t.zoukankan.com/webpon-p-13468903.html