可以用jquery中的css()方法；
css()有两个参数。第一个参数是必选参数，一般是指css样式中的属性。第二个参数是可选参数，一般是指css样式中属性的值。当只有第一个参数是，则是指获取该属性的值。如果也有第二个参数，那就是表示改变属性的值。
示例如下：
<!doctype html><html>
<head>
<meta charset='utf-8' />
<title></title>
<script type="text/javascript" language="javascript" src='jquery.js'></script>
<script language='javascript'>
$(function(){
$('#btn1').click(function(){
//css()为一个参数
var divWid=$('#div-box').css('width')
alert(divWid)
})
$('#btn2').click(function(){
//css()为两个参数
var divWid=$('#div-box').css('background','#00f')
})
})
</script>
<style type="text/css">
#div-box {width:200pxheight:100pxbackground:#f00}
</style>
</head>
<body>
<div id="div-box"></div>
<input type='button' id='btn1' value='提取' />
<input type='button' id='btn2' value='改变' />
</body>
</html>
jQuery 使用addClass()与removeClass()来动态的添加或移出一个css 类，例如：1.$(“#para1”).addClass('highlight')添加一个“highlight”css 类给id为para1的元素。
2.$(‘#para1’).removeClass(‘'highlight')从id为para1的元素中移出一个‘highlight’css类。
jQuery 拥有若干进行 CSS *** 作的方法，对于class的设置有如下方法：addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换 *** 作
下面分别举例说明：
1、下面的例子展示如何向不同的元素添加 class 属性。
$("button").click(function(){
$("h1,h2,p").addClass("blue")
$("div").addClass("important")
})
2、下面的例子演示如何不同的元素中删除指定的 class 属性：
$("button").click(function(){
$("h1,h2,p").removeClass("blue")
})
3、下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换 *** 作：
$("button").click(function(){
$("h1,h2,p").toggleClass("blue")
})
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）