趣百科

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

编辑:Simone 2025-03-02 08:12:05 589 阅读

使用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的。

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/life/146960.html

相关推荐