卡卡網(wǎng)

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

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

語句

$(element).height();

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

示例

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

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

方法二：css()方法

語句

$(element).css();

這個語句有幾種寫法，下面分別給予示例說明。

示例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è)置多個css屬性值的寫法。

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

方法三：attr()方法

語句

$(element).attr();

示例

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

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

總結(jié)

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

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

相關(guān)文章

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

標(biāo)簽: JQuery  div  css