jquery怎么添加css样式_IT百科

可以用jquery中的css()方法；

css()有两个参数。第一个参数是必选参数，一般是指css样式中的属性。第二个参数是可选参数，一般是指css样式中属性的值。当只有第一个参数是，则是指获取该属性的值。如果也有第二个参数，那就是表示改变属性的值。

示例如下：

<!doctype html>

<html>

<head>

$(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>

#div-box {width:200pxheight:100pxbackground:#f00}

</style>

</head>

<body>

</body>

</html>

1、jQuery设置css样式

<div style="background-color:#ffffffpadding-left:10px">测试jQuery动态获取padding-left</div>

2、用css()方法返回元素的样式属性

$("div").css("padding-left"))

3、用css()设置样式

$("div").css("color","yellow")

4、设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"})

var css = {

background-color: '#EEE',

height: '500px',

margin: '10px',

padding: '2px 5px' }

$("div").css(css)

jQuery 使用addClass()与removeClass()来动态的添加或移出一个css 类，例如：

1.$(“#para1”).addClass('highlight')添加一个“highlight”css 类给id为para1的元素。

2.$(‘#para1’).removeClass(‘'highlight')从id为para1的元素中移出一个‘highlight’css类。

欢迎分享，转载请注明来源：内存溢出

jquery怎么添加css样式