jQuery的css() 方法使用指南

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/54538.html

猜你在找的jQuery相关文章