微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery的css() 方法使用指南

定义和用法

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

返回 CSS 属性

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

注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。

代码如下:

name必需。规定 CSS 属性名称。该参数可包含任何 CSS 属性。比如 "color"。

实例 取得第一个段落的 color 样式属性的值:

代码如下:

设置 CSS 属性

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

代码如下:

name必需。规定 CSS 属性名称。该参数可包含任何 CSS 属性,比如 "color"。

value 可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值,比如 "red"。

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

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

代码如下:

使用函数来设置 CSS 属性

设置所有匹配的元素中样式属性的值。 此函数返回要设置的属性值。接受两个参数,index 为元素在对象集合中的索引位置,value 是原先的属性值。

代码如下:

name必需。规定 CSS 属性名称。该参数可包含任何 CSS 属性,比如 "color"。

代码如下:

规定返回 CSS 属性新值的函数。 index - 可选。接受选择器的 index 位置 oldvalue - 可选。接受 CSS 属性的当前值。

实例 1 将所有段落的颜色设为红色:

代码如下:

实例 2 逐渐增加 div 的宽度:

代码如下:

设置多个 CSS 属性/值对

代码如下:

把“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

{property:value} 必需。规定要设置为样式属性的“名称/值对”对象。 该参数可包含若干对 CSS 属性名称/值。比如 {"color":"red","font-weight":"bold"}

实例

代码如下:

以上所述就是本文的全部内容了,希望大家能够喜欢。

原文地址:https://www.jb51.cc/jquery/54538.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐