jquery给div添加样式_百度经验1一c

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) 

加个属性

我给你分析一下哦，你有三个展示数组，每次只展示数组的一个，点击按钮依次切换数组的元素进行展示，那么你现在缺少的是什么，是点击按钮获得当前展示的数组下标对不对。所以啊，你给下面的div加一个下标属性，例如index=0.=1.=2。点击按钮的时候获取active的index属性，然后再将下标+1(遇到最大值变为0重置数组)，然后$(".tab").eq(index).addClass就可以了

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")

})

---