使用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
});
以上是本文的全部内容,希望大家能喜欢。