jquery更改样式

翻译 2015年11月18日 14:34:57

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

1.返回 CSS 属性

css("propertyname");

alert($('div').css('width'));

 

 

2.设置 CSS 属性

css("propertyname","value");

$('div').css('height','100px');

 属性和值要加引号,中间用逗号隔开  

 可以更改改属性的值。

3.设置多个 CSS 属性

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

$('div').css({'height':100,'background':'blue'});

 多组属性用 大括号 包裹,  里面属性之间用 逗号隔开, 而属性和值中间用 冒号隔开

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
	div{
		width:200px;
		height:200px;
		background-color:#0F0;
		
		}
</style>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script>
	$(function(){
		//alert($('div').css('width')); //返回CSS属性
		//$('div').css('height','100px');//更改CSS属性的值
		$('div').css({'height':300,'background-color':'yellow'});//更改CSS多个属性的值:多组属性用 大括号 包裹,  里面属性之间用 逗号隔开, 而属性和值中间用 冒号隔开
		})
</script>
</head>

<body>
<div></div>
</body>
</html>


jquery改变CSS样式

近期由于项目的需要,需要对项目中的所有查看页面进行优化,使其更加美观,提高用户满意度。 /** * 查看页面设置为查看样式 * 文本框、下拉列表替换为纯文字 * 单选按钮和复选框设置为d...
  • maoxiao1229
  • maoxiao1229
  • 2016年09月09日 10:51
  • 1443

jquery设置css样式、style属性 示例

css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery设置css及style样式的方法。 一、CSS ...
  • luyaran
  • luyaran
  • 2016年11月14日 15:52
  • 15522

jQuery修改操作css属性实现方法

转载自:http://www.php100.com/html/program/jquery/2013/0905/6018.html [导读] 在jquery中我们要动态的修改css属性我们只...
  • u012377333
  • u012377333
  • 2016年01月27日 15:54
  • 3615

jQuery.easyui整套后台管理界面和官网的主题样式下载器,程序员直接拿来就可以开发系统

  • 2018年01月10日 10:22
  • 909KB
  • 下载

jquery时间插件日历翻转样式

  • 2014年09月29日 16:48
  • 525KB
  • 下载

jquery制作自定义样式登录插件

  • 2014年04月26日 23:55
  • 20KB
  • 下载

jquery+css+div实现select选择框样式

  • 2014年07月15日 16:08
  • 35KB
  • 下载

Jquery DataTable基于Twitter Bootstrap的样式

  • 2014年05月15日 12:20
  • 604KB
  • 下载

KinSlideshow jQuery 多样式图片幻灯片插件

  • 2010年07月31日 11:33
  • 1011KB
  • 下载

jquery弹出框样式

  • 2017年07月31日 09:50
  • 65KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery更改样式
举报原因:
原因补充:

(最多只允许输入30个字)