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) 

请选择 D css(name,value)

设置css

$("selector").css("样式名", "样式值")

$("selector").css({"样式名" : "样式值", "样式名" : "样式值"})

获取css

$("selector").css("样式名")

删除css:

$("selector").removeAttr("style")

设置高度: $("selector").height("值")

获取高度: $("selector").height()

设置宽度: $("selector").width("值")

获取宽度: $("selector").width()

<script type="text/javascript">

$(document).ready(function() {

$("input").click(function() {

$(this).hide().fadeIn(700).addClass('b')//当前这个input先隐藏再渐显，你可以测试一下，如果不是你想要的效果，你可以查一下jq的渐隐效果函数或者animate（）函数，控制这个input的透明度就好了，例如 $(this).animate（‘opacity’，‘0’）；

//点击text增加b效果

$("body").one("click", function() {

$("input").removeClass("b")

//点击其他地方消除b效果

})

return false

})

})

---