使用jQuery的CSS()方法指南

定义和用法



CSS()方法返回或设置匹配元素的一个或多个样式属性。

返回CSS属性值

返回第一个匹配元素的CSS属性值。

注释:用于返回值时,不支持任何CSS属性(如背景和边框)。

复制代码代码如下所示:

$(选择器)Css(name)



名称是必需的。CSS属性的名称被指定。这个参数可以包含任何CSS属性。

例子

获取第一段颜色样式属性的值:

复制代码代码如下所示:

$(p)。Css(颜色);



设置css属性

为所有匹配的元素设置指定的CSS属性。

复制代码代码如下所示:

$(选择器)Css(name,value)



名称是必需的。CSS属性的名称被指定。这个参数可以包含任何CSS属性,比如颜色。

值是可选的。CSS属性的值被指定。这个参数可以包含任何CSS属性值,比如红色。

如果设置了空字符串值,则从元素中删除指定的属性。

例子

将所有段落的颜色设置为红色:

复制代码代码如下所示:

$(p)。Css(颜色



使用函数设置CSS属性。

在所有匹配元素中设置样式属性的值。

这个函数返回要设置的属性的值。接受两个参数,索引是对象集中元素的索引位置,而值是原始属性值。

复制代码代码如下所示:

$(选择器)Css(名称、函数(索引、值))



名称是必需的。CSS属性的名称被指定。这个参数可以包含任何CSS属性,比如颜色。

复制代码代码如下所示:

函数(索引,值)



指定CSS属性新值返回的函数。

索引-可选。接受选择器的索引位置。

属性的旧值可选。接受CSS属性的当前值。

例1

将所有段落的颜色设置为红色:

复制代码代码如下所示:

$(按钮)。Click(函数(){)

$(p)。Css(颜色

});



例2

逐步增加div的宽度:

复制代码代码如下所示:

$()。Click(函数(){)

Css先生。

宽度

);

});



设置多个css属性/值对

复制代码代码如下所示:

$(选择器)Css({属性:值,属性,值,…})



将对象的名称值设置为匹配元素的所有样式属性。

这是在所有匹配元素上设置大量样式属性的最佳方法。

{属性:值}

必须指定样式属性的名称/值设置为对象。

此参数可以包含一些CSS属性名称值。例如,红色

例子

复制代码代码如下所示:

$(p)。Css({

颜色:白色

背景颜色:# 98bf21

字体:宋体

字体大小:20px

填充:5px

});



以上是本文的全部内容,希望大家能喜欢。