jQuery css() 方法

jQuery 教程 · 2019-03-27 12:43:00

实例

设置所有 <p> 元素的 color 属性:

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

定义和用法

css() 方法为被选元素设置或返回一个或多个样式属性。

当用于返回属性:
该方法返回第一个匹配元素的指定 CSS 属性值。
然而,简写的 CSS 属性(比如 "background" 和 "border")不被完全支持,且当用于返回属性值时,在不同的浏览器中有不同的结果。

当用于设置属性:
该方法为所有匹配元素设置指定 CSS 属性。

语法

返回 CSS 属性值:

  
    $(selector).css(property)

设置 CSS 属性和值:

  
    $(selector).css(property,value)

使用函数设置 CSS 属性和值:

  
    $(selector).css(property,function(index,currentvalue))
  

设置多个属性和值:

  
    $(selector).css({属性:value, 属性:value, 
...})
  

参数 描述
property 规定 CSS 属性名称,比如 "color"、"font-weight" 等等。
value 规定 CSS 属性的值,比如 "red"、"bold" 等等。
function(index,currentvalue) 规定返回 CSS 属性新值的函数。
  • index - 返回集合中元素的 index 位置。
  • currentvalue - 返回 CSS 属性的当前值。

点击查看所有 jQuery 教程 文章: https://www.codercto.com/courses/l/35.html

查看所有标签

京东技术解密

京东技术解密

京东研发体系 / 电子工业出版社 / 2014-11-18 / 65

京东高速的增长、闪电响应的供应链、庞大的团队规模等背后内幕,对于业界一直像谜一样神秘。随着成为中国B2C领导厂商以及在纳斯达克上市,京东越来越需要开放自己,与业界形成更好的交流与融合。《京东技术解密》的面世,就是京东技术团队首次向业界集体亮相。本书用翔实的内容为读者逐一解答——如何用技术支撑网站的综合竞争实力,如何把握技术革新的时间点,如何应对各种棘手问题及压力,如何在网站高速运转的情况下进行系统......一起来看看 《京东技术解密》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码