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","yellow"); 

TIY

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

实例

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

TIY

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

实例

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

TIY

jQuery Size 操作

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

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

Size 操作实例

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

实例

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

TIY

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

实例

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

TIY

jQuery CSS 函数 - 来自本页

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

(selector) jQuery 元素选择器语法

posted on 2012-05-03 10:11 青蛙學堂 阅读(318) 评论(0)  编辑 收藏 引用 所属分类: HTMLJavaScript

只有注册用户登录后才能发表评论。
<2012年3月>
26272829123
45678910
11121314151617
18192021222324
25262728293031
1234567

导航

统计

常用链接

留言簿(8)

随笔分类

随笔档案

收藏夹

青蛙学堂

最新评论

阅读排行榜

评论排行榜