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