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%"});//注意别忘了大括号
如果我们需要改变多个样式属性,我们可以先定义属性变量,然后直接赋值给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.html