Jquery:css()方法

Posted 2020-07-31 il mio Carolina

可以读取内部外部CSS，设置元素style属性值

读取第一个匹配元素CSS属性值：

$(‘p‘).css("color");

返回值永远是字符串，如‘10px‘等

为所有匹配元素指定单个CSS属性

参数：

name:必需，CSS属性名称

value:必需，CSS属性值，如果将value设置为"",则从元素中删除指定属性。

$(‘p‘).css("color", "red");

为所有匹配元素指定多个CSS属性

$(‘p‘).css( { "fontSize":"30px", "backgroundColor": "#ccc"} );

若使用"-"符号，则属性名必须加引号。

使用驼峰法，可以不加引号

数字会自动被转化成像素值。

使用函数设置CSS属性：所有匹配元素，单个CSS属性

$(selector).css(name, function(index, oldvalue));

参数：

name:必需。规定CSS属性名称

function(index, oldvalue):规定返回CSS属性新值的函数。

　　index:可选。接受选择器的index位置。

　　oldvalue:可选。接收CSS属性的当前值。