卡卡網(wǎng)

jQuery設(shè)置div樣式可以有幾種寫(xiě)法，本文通過(guò)示例介紹3種常見(jiàn)的寫(xiě)法。

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

語(yǔ)句

$(element).height();

這個(gè)寫(xiě)法比較簡(jiǎn)單，這個(gè)height是元素的屬性，你還可以設(shè)置元素的寬度屬性width。

示例

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

這是設(shè)置p元素的高度值為l00px。

方法二：css()方法

語(yǔ)句

$(element).css();

這個(gè)語(yǔ)句有幾種寫(xiě)法，下面分別給予示例說(shuō)明。

示例1

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

這是設(shè)置 id=demo 的元素的寬度為200px。

示例2

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

這是設(shè)置p標(biāo)簽元素的顏色(color)為red。

示例3

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

這是設(shè)置多個(gè)css屬性值的寫(xiě)法。

注意，jQuery或js里css屬性名跟css文件里寫(xiě)法不一定相同，比如這里用的fontSize，而css文件里的寫(xiě)法是font-size。

方法三：attr()方法

語(yǔ)句

$(element).attr();

示例

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

這個(gè)方法可以直接一句寫(xiě)完元素的樣式，我比較習(xí)慣這個(gè)寫(xiě)法。

總結(jié)

以上便是jQuery設(shè)置div樣式(style、css)的3種常用方式了。

jQuery設(shè)置div樣式還有其他更加高級(jí)的方法，比如offset()方法、position()方法、scrollTop()方法和scrollLeft()方法，這些方法可以獲得元素的位置、偏移量等屬性，在某些情況下會(huì)用到。

相關(guān)文章

• JS用before()或after()插入div，利用z-index顯示在上面或下面
• 很酷的鼠標(biāo)懸停提示文字插件Hint.css【純css實(shí)現(xiàn)】
• 鼠標(biāo)點(diǎn)擊輸入框時(shí)高亮顯示邊框顏色【jquery和css實(shí)現(xiàn)】
• JQuery使用append()函數(shù)動(dòng)態(tài)創(chuàng)建和應(yīng)用CSS樣式
• JQuery獲取/添加/刪除HTML控件的CSS類名(class name)

標(biāo)簽: JQuery  div  css