jQuery CSS 操作

Posted 学无止境

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery CSS 操作相关的知识,希望对你有一定的参考价值。

jQuery CSS 操作

jQuery 拥有三种用于 CSS 操作的重要函数:

  • $(selector).css(name,value)
  • $(selector).css({properties})
  • $(selector).css(name)

CSS 操作实例

函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:

实例

$(selector).css(name,value)
$("p").css("background-color","red");

查看示例

函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值:

实例

$(selector).css({properties})
$("p").css({"background-color":"red","font-size":"200%"});

查看示例

函数 css(name) 返回指定的 CSS 属性的值:

实例

$(selector).css(name)
$(this).css("background-color");

查看示例

jQuery Size 操作

jQuery 拥有两种用于尺寸操作的重要函数:

  • $(selector).height(value)
  • $(selector).width(value)

Size 操作实例

函数 height(value) 设置所有匹配元素的高度:

实例

$(selector).height(value)
$("#id100").height("200px");

函数 width(value) 设置所有匹配元素的宽度:

实例

$(selector).width(value)
$("#id200").width("300px");

jQuery CSS 函数 - 来自本页

CSS 属性描述
$(selector).css(name,value) 为匹配元素设置样式属性的值
$(selector).css({properties}) 为匹配元素设置多个样式属性
$(selector).css(name) 获得第一个匹配元素的样式属性值
$(selector).height(value) 设置匹配元素的高度
$(selector).width(value) 设置匹配元素的宽度

以上是关于jQuery CSS 操作的主要内容,如果未能解决你的问题,请参考以下文章

高效Web开发的10个jQuery代码片段

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

jQuery的DOM操作

jquery基本操作

jQuery 将 div 切片成动画片段