首页 > 软件开发 > JQUERY >

jquery设置元素高度

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

有两种方法获取与设置div的宽高:使用尺寸函数或使用css方法.感兴趣的小伙伴们随小编一起看看吧。iDB办公区 - 实用经验教程分享!

jquery设置元素高度iDB办公区 - 实用经验教程分享!

方法/步骤

  • 1

    获取宽高iDB办公区 - 实用经验教程分享!

    尺寸函数:height() 获取高度,width() 获取宽度iDB办公区 - 实用经验教程分享!

    css获取div宽高:css("height")获取高度,css("width")获取宽度iDB办公区 - 实用经验教程分享!

    jquery设置元素高度iDB办公区 - 实用经验教程分享!

  • 2

    区别:尺寸函数获取的值为整型,而css获取的值为带px的字符串iDB办公区 - 实用经验教程分享!

    jquery设置元素高度iDB办公区 - 实用经验教程分享!

  • 3

    两种弹出的值为:iDB办公区 - 实用经验教程分享!

    div宽:100;div高:100iDB办公区 - 实用经验教程分享!

    div宽:100px;div高:100pxiDB办公区 - 实用经验教程分享!

    jquery设置元素高度iDB办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 4

    设置宽高iDB办公区 - 实用经验教程分享!

    第一种方法:使用尺寸函数设置 height(10) width(10)iDB办公区 - 实用经验教程分享!

    第二种方法:使用css函数设置iDB办公区 - 实用经验教程分享!

    jquery设置元素高度iDB办公区 - 实用经验教程分享!

  • 5

    css({"width":"10px","height":"10px"})//使用css设置多个属性时,放在大括号中属性间用逗号分隔iDB办公区 - 实用经验教程分享!

    iDB办公区 - 实用经验教程分享!

    css("width","10px")//使用css设置单个属性时,将属性名称与属性值使用逗号分隔(不需要放到大括号中)iDB办公区 - 实用经验教程分享!

    jquery设置元素高度iDB办公区 - 实用经验教程分享!

  • 6

    第三种方法:使用animate设置(具体用法在下个文章中)iDB办公区 - 实用经验教程分享!

    iDB办公区 - 实用经验教程分享!

    .animate({width:"10px",height:"10px"},4000);//使用animate与css的参数不同之处在于:animate参数的属性名称不需要用引号扩起来iDB办公区 - 实用经验教程分享!

    jquery设置元素高度iDB办公区 - 实用经验教程分享!

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


    标签: JQUERY

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