jQuery修改操作css属性实现方法

 jQuery修改操作css属性实现方法 

1.   如需设置单一的 CSS 属性,使用如下语法:

css("元素名","元素属性");下面的例子将为所有匹配元素设置 background-color 值:

实例

$("p").css("background-color","yellow");

2.  设置多个 CSS 属性

如需设置多个 CSS 属性,请使用如下语法:

css({"元素名":"元素属性","元素名":"元素属性",...});下面的例子将为所有匹配元素设置 background-color 和 font-size:

实例

$("p").css({"background-color":"yellow","font-size":"200%"});//注意别忘了大括号

 jQuery修改操作css属性实现方法如果我们需要改变多个样式属性,我们可以先定义属性变量,然后直接赋值给css()方法。示例如下:

var divcss = {

  background: '#EEE',

      width: '478px',

      margin: '10px 0 0',

      padding: '5px 10px',

      border: '1px solid #CCC'

};

$("#result").css(divcss);

//这里我们先定义了一个CSS样式属性变量‘divcss’,这类似于建立一个外部CSS文件。

//然后通过jQuery提供的css()方法,把属性赋给ID为'#result'的DIV。另外jQuery提供的css()方法还可以用来查看某个元素的css属性值。

 本文参考连接:http://www.php100.com/html/program/jquery/2013/0905/6018.htmljQuery修改操作css属性实现方法