技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

jQuery设置div样式(style、css)的3种常用方法【示例】

作者:admin    时间:2023-5-16 7:17:33    浏览:

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()方法,这些方法可以获得元素的位置、偏移量等属性,在某些情况下会用到。

相关文章

标签: JQuery  div  css  
x
  • 站长推荐
/* 左侧显示文章内容目录 */