您的位置首页生活百科

使用Jquery怎样设置min-height样式

使用Jquery怎样设置min-height样式

的有关信息介绍如下:

使用Jquery怎样设置min-height样式

在做页面开发时,我们很多人都会使用Jquery这个脚本库吧,如果你需要使用jquery来为页面某一个元素设置一个min-height的样式,下面我们来看一下是如何设置的。

我们先在html里,添加一个div,并添加一个按钮,按钮用来触发设置min height的样式事件。

在事件函数里,我们先通过样式名来获取到div的页面元素。

然后通过jquery的css方法来设置就行了,方法的第一个参数为样式名称,比如「min-height」,第二个参数就为对应的样式值了。

运行页面,我们可以看到现在div的最小高度是没有设置的,我们点击下方的按钮。

点击后,可以看到,设置了min-height后,div的高度变大了,因为最小高度为300.

从页面的源代码里,我们也可以看到,jquery是为div添加了一个style的min-height样式的。

需要注意的是,有些jquery的版本,不能识别出上面的min-height这样的样式写法,需要将其改成 minHeight的。