jQuery的css()方法用法实例

前端之家收集整理的这篇文章主要介绍了jQuery的css()方法用法实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery的css()方法用法分享给大家供大家参考。具体分析如下:

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

语法结构:

语法一: 取得指定样式属性属性值。

以样式属性名称作为参数。例如:
代码如下:

以上代码能够获取div的字体颜色值。 代码实例:

代码如下:
<Meta charset="utf-8"> css()<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家
仔细查看变化
仔细查看变化
以上代码中,点击按钮可以将div中的文本颜色设置为红色。

语法三:

利用“属性名/值”对象设置为所有匹配元素的样式属性

例如:
代码如下:

以上代码可以把所有div元素的字体颜色设置为红色。使用“属性名/值”对象方式也可以一次性为匹配元素设置多组属性。例如:

代码如下:
以上代码能够将div中的字体颜色和大小分别设置为红色和20px,设置字体大小时候不带单位默认单位是px。大家要注意格式,这个时候属性名称不能用引号包裹,属性值需要用引号包裹,但是如果属性值是数字可以省略引号。特别注意是,font-size和background-color这样的属性名称,中间要去掉中横杠(-),同时第二个单词首字母要大写,例如font-size要写成fontSize,backgroun-color要写成backgroundColor。

代码如下:
<Meta charset="utf-8"> css()<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家