首頁 > 其他

使用Jquery怎樣設定min-height樣式?

2019-12-12 12:43:00

在做頁面開發時,我們很多人都會使用Jquery這個指令碼庫吧,如果你需要使用jquery來為頁面某一個元素設定一個min-height的樣式,下面我們來看一下是如何設定的。

1

我們先在html裡,新增一個div,並新增一個按鈕,按鈕用來觸發設定min height的樣式事件。


2

在事件函數裡,我們先通過樣式名來獲取到div的頁面元素。


3

然後通過jquery的css方法來設定就行了,方法的第一個引數為樣式名稱,比如「min-height」,第二個引數就為對應的樣式值了。


4

執行頁面,我們可以看到現在div的最小高度是沒有設定的,我們點選下方的按鈕。


5

點選後,可以看到,設定了min-height後,div的高度變大了,因為最小高度為300.


6

從頁面的原始碼裡,我們也可以看到,jquery是為div新增了一個style的min-height樣式的。


7

需要注意的是,有些jquery的版本,不能識別出上面的min-height這樣的樣式寫法,需要將其改成 minHeight的。



IT145.com E-mail:sddin#qq.com