jQuery的css() 方法使用指南

时间：2016.05.01 发布人：jwris7lhfe8
jQuery的css() 方法使用指南

已解决问题

谷歌jwris7lhfe8用户在2016.05.01提交了关于“雷克萨斯jQuery的css() 方法使用指南”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-09-17T23:18:13。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你无异于雪中送炭,让我感激涕零 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：juy19901128流2  

　　在jquery中我们要来自动态的修改css属性我们只要使用css()方法就可以实现了，下面我来给大家详细介绍介绍。

　　定义和沿样争损成培功万打用法

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

　　返回CSS属性值

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

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

　　复制代码代码如下:

　　$(select史美路or).css(name)

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

　　实例

　　取得第一个段落的col旧检资范国王于双西因文or样式属性的值：

　　问答复制代码代码如下:

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

　　设置CSS属性

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

　　复制代码代码如相凯击送历高又下:

　　$(selector)哪谈北.css(name,value)

　　name必需。规定CSS属性的名称。先散测乙把明兴多端精呀该参数可包含任何CSS属性，比如"color"。

　　value可选。规定CSS属性的值汽化孔总孙当受。该参数可包含任何CSS属性值，比如"red"。

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

　　实例

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

　　复制代码代码如下:

　　$("p").c研控这用片然住木ss("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){returnparseFloat(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":"**x"

　　});

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