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) 

ul 标签 定义无序列表。

ol 标签 定义有序列表。

list-style是list-style-type不加属性的简写

list-style-type 属性设置列表项标记的类型：

none 无标记。

disc 默认。标记是实心圆。

circle 标记是空心圆。

square 标记是实心方块。

decimal 标记是数字。

padding:0就是上右下左 内边距的宽度全部清零

padding设置元素所有内边距的宽度，或者设置各边上 内边距的宽度

可能的值

auto 浏览器计算内边距。

length 规定以具体单位计的内边距值，比如像素、厘米等。默认值是 0px。

% 规定基于父元素的宽度的百分比的内边距。

inherit 规定应该从父元素继承内边距。

你是要横着的导航条式的，还是竖着的目录式的呢？

$(".leftsc>ul>li").hover(function(){

$(this).find("ul").show()

},function(){

$(this).find("ul").hide()

})

剩下的就是你的css样式布局了。。你也可以通过加class,设置class的属性display:block；默认子层的ul的disaplay:none可以用hover效果也可以用click来切换class.

---