jQuery CSS 操作

#jQuery CSS 操作| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画 jQuery stop() jQuery Callback jQuery Chaining jQuery HTML jQuery 获取 jQuery 设置 jQuery 添加 jQuery 删除 jQuery CSS 类 jQuery css() jQuery 尺寸 jQuery 遍历 jQuery 遍历 jQuery 祖先 jQuery 后代 jQuery 同胞 jQuery 过滤 jQuery AJAX jQuery AJAX 简介 jQuery 加载 jQuery Get/Post jQuery 杂项 jQuery noConflict() jQuery 实例 jQuery 实例 jQuery 测验 jQuery 参考手册 jQuery 参考手册 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS 操作 jQuery Ajax jQuery 遍历 jQuery 数据 jQuery DOM 元素 jQuery 核心 jQuery 属性建站手册网站构建万维网联盟 (W3C) 浏览器信息网站品质语义网职业规划网站主机关于 W3School 帮助 W3School jQuery CSS 操作 - css() 方法

jQuery CSS 操作参考手册

实例

设置

元素的颜色：

$(".btn1").click(function(){ $("p").css("color","red"); });

亲自试一试

定义和用法

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

返回 CSS 属性值

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

注释：当用于返回一个值时，不支持简写的 CSS 属性（比如 "background" 和 "border"）。

$(selector).css(name) 参数描述 name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性。比如 "color"。实例

取得第一个段落的 color 样式属性的值：

$("p").css("color");

亲自试一试

设置 CSS 属性

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

$(selector).css(name,value) 参数描述 name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。 value

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

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

实例

将所有段落的颜色设为红色：

$("p").css("color","red");

亲自试一试

使用函数来设置 CSS 属性

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

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

$(selector).css(name,function(index,value)) 参数描述 name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。 function(index,value)

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

index - 可选。接受选择器的 index 位置 oldvalue - 可选。接受 CSS 属性的当前值。实例 1

将所有段落的颜色设为红色：

$("button").click(function(){ $("p").css("color",function(){return "red";}); });

亲自试一试

实例 2

逐渐增加 div 的宽度：

$("div").click(function() { $(this).css( "width", function(index, value) {return parseFloat(value) * 1.2;} ); });

亲自试一试

设置多个 CSS 属性/值对 $(selector).css({property:value, property:value, ...})

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

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

参数描述 {property:value}

必需。规定要设置为样式属性的“名称/值对”对象。

该参数可包含若干对 CSS 属性名称/值。比如 {"color":"red","font-weight":"bold"}

实例 $("p").css({ "color":"white", "background-color":"#98bf21", "font-family":"Arial", "font-size":"20px", "padding":"5px" });

亲自试一试

jQuery CSS 操作参考手册

jQuery 参考手册 jQuery 测验

使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

jQuery CSS 操作

jQuery CSS 操作

今日新闻

推荐新闻