首页 > 软件开发 > JQUERY >

jQuery如何设置div边框高度

来源:互联网 2023-03-17 00:46:49 438

jquery处理前端的问题很方便,包括长度高度,或者css样式,所有jquery是很强大的。那么用jquery 如何设置div的高度呢?bje办公区 - 实用经验教程分享!

工具/原料

  • 编辑器
  • 浏览器

方法/步骤

  • 1

    首先在编辑器中建立一个静态页面命名为jquery.html,标题为jQuery如何设置div的高度bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

  • 2

    在jquery的页面中引入jquery库jquery.min.jsbje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

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

    在jquery.html 的页面body中加入div,加入文字"我的div"bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

  • 4

    在div的标签中设置id为“mydiv”,在style的样式中加入css样式设置边框的宽度,和红色边框,设置宽为500px但是不设置高考bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

  • 5

    在页面中加script标签,并且加入文档准备就绪函数bje办公区 - 实用经验教程分享!

    ready()bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

  • 6

    在文档准备就绪的函数中加入jquery语句,当文档加载完之后设置通过juqery语句来控制div的高度为400px。bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

  • 7

    设置了div的高度后为了能够更直观的看到设置的高度,我们用alert来提示div的高度,如果div的高度编程400,并且alert出也是400 说明我们用jquery 设置div的高度是成功的bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

    jQuery如何设置div边框高度bje办公区 - 实用经验教程分享!

  • 注意事项

    • 页面中如果只有一个div 可以用“div”

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


    标签: JQUERY设置

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