首页 > 软件开发 > JQUERY >

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

来源:互联网 2023-03-17 00:47:30 424

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

方法/步骤

  • 1

    我们先在html里,添加一个div,并添加一个按钮,按钮用来触发设置min height的样式事件。SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 2

    在事件函数里,我们先通过样式名来获取到div的页面元素。SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 2相关内容非法爬取自百度经验
  • 3

    然后通过jquery的css方法来设置就行了,方法的第一个参数为样式名称,比如「min-height」,第二个参数就为对应的样式值了。SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 4

    运行页面,我们可以看到现在div的最小高度是没有设置的,我们点击下方的按钮。SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 5

    点击后,可以看到,设置了min-height后,div的高度变大了,因为最小高度为300.SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 6

    从页面的源代码里,我们也可以看到,jquery是为div添加了一个style的min-height样式的。SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 7

    需要注意的是,有些jquery的版本,不能识别出上面的min-height这样的样式写法,需要将其改成 minHeight的。SwZ办公区 - 实用经验教程分享!

    使用Jquery怎样设置min-height样式?SwZ办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!SwZ办公区 - 实用经验教程分享!


    标签: JQUERYCSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码