购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery css() 方法

jQuery css() 方法
css() 方法设置或返回被选元素的一个或多个样式属性
蹊下 蹊下 更新时间:2019-02-12 15:29:34

jQuery css() 方法

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

返回 CSS 属性

如需返回指定的 CSS 属性的值,请使用如下语法:

css("propertyname");

下面的例子将返回首个匹配元素的color 值:

实例

	$(document).ready(function(){
  $("button").click(function(){
    alert("背景颜色 = " + $("h1").css("color"));
  });
});

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 4.jpg

设置 CSS 属性

如需设置指定的 CSS 属性,请使用如下语法:

css("propertyname","value");

下面的例子将为所有匹配元素设置 color 值:

实例

$(function(){
			$("button").click(function(){
				$("h1").css('color',"blue");
			})
		})

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

GIF.gif

设置多个 CSS 属性

如需设置多个 CSS 属性,请使用如下语法:

css({"propertyname":"value","propertyname":"value",...});

下面的例子将为所有匹配元素设置 background-color 和 font-size:

实例

$(function(){
			$("button").click(function(){
				$("h1").css({"color":"blue","font-size":"12px"});
			})
		})

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

GIF.gif

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号