卡卡网

jQuery设置div样式可以有几种写法，本文通过示例介绍3种常见的写法。

方法一：height()和width()方法

语句

$(element).height();

这个写法比较简单，这个height是元素的属性，你还可以设置元素的宽度属性width。

示例

$("p").height("100px");

这是设置p元素的高度值为l00px。

方法二：css()方法

语句

$(element).css();

这个语句有几种写法，下面分别给予示例说明。

示例1

$("#demo").css("width","200px");

这是设置 id=demo 的元素的宽度为200px。

示例2

$("p").css("color","red"); 

这是设置p标签元素的颜色(color)为red。

示例3

$("p").css({"fontSize":"30px","backgroundColor":"#ccc"});

这是设置多个css属性值的写法。

注意，jQuery或js里css属性名跟css文件里写法不一定相同，比如这里用的fontSize，而css文件里的写法是font-size。

方法三：attr()方法

语句

$(element).attr();

示例

$("#demo").attr("style","width:100px;height:50px");

这个方法可以直接一句写完元素的样式，我比较习惯这个写法。

总结

以上便是jQuery设置div样式(style、css)的3种常用方式了。

jQuery设置div样式还有其他更加高级的方法，比如offset()方法、position()方法、scrollTop()方法和scrollLeft()方法，这些方法可以获得元素的位置、偏移量等属性，在某些情况下会用到。

相关文章

• JS用before()或after()插入div，利用z-index显示在上面或下面
• 很酷的鼠标悬停提示文字插件Hint.css【纯css实现】
• 鼠标点击输入框时高亮显示边框颜色【jquery和css实现】
• JQuery使用append()函数动态创建和应用CSS样式
• JQuery获取/添加/删除HTML控件的CSS类名(class name)

标签: JQuery  div  css