jquery 获取 DIV的width

最新推荐文章于 2023-06-17 13:16:33 发布
最新推荐文章于 2023-06-17 13:16:33 发布
阅读量617 收藏
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog_hjc1b0akhjaa.html
版权

jquery 获取 DIV的width的语句：

$("#keleyi_com").width();

其中keleyi_com为DIV的id。


完整示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 获取 DIV的width(宽度) - 柯乐义</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="keleyi_com" style="width:800px;border:1px solid silver">本DIV的id为keleyi_com;<br />为欢迎访问柯乐义http://www.keleyi.com</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id为keleyi_com的width为："+$("#keleyi_com").width());
}
)
</script>
</body>
</html>


本文转载自柯乐义http://keleyi.com/a/bjac/e753bc9c582e4fb0.htm

 Web前端：http://www.cnblogs.com/jihua/p/webfront.html

会做饭的技术男
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq 给div设置宽_jQuery 获取与设置div的宽高
weixin_39700220的博客
12-21 3168
jQuery获取与设置div的宽高的方法有两种：1. 使用尺寸函数2.使用css方法获取宽高1. 尺寸函数：height() 获取高度，width() 获取宽度2. css获取div宽高：css("height")获取高度，css("width")获取宽度区别：尺寸函数获取的值为整型，而css获取的值为带px的字符串$(".divClass").click(function() {// 使用wi...
div的width和height属性
09-11 5143
model Hello World! 高度height在auto的情况下，如果没有内容，则值为0。 document Hello World! Document
jQuery 获取与设置div的宽高
grootbaby
11-23 527
jQuery获取与设置div的宽高的方法有两种： 1. 使用尺寸函数 2. 使用css方法   获取宽高 1. 尺寸函数：     height() 获取高度，width() 获取宽度 2. css获取div宽高：     css("height")获取高度，css("width")获取宽度 区别：尺寸函数获取的值为整型，而css获取的值为带px的字符串 $(".divClass"...
jQuery之宽高
最新发布
06-17 1001
这个宽高不包括paddingbordermargin。
JQUERY 获取 DIV 宽度与高度（width,padding,margin,border）
热门推荐
张营的技术博客
03-13 4万+
一般讲的宽度指的是内容宽度，但一个 div 的实际宽度不仅只于内容宽度，尤其在做 CSS 排版时更不能搞错，必须同时考虑 Padding、Border 与 Margin 的宽度，四个加起来才是 div 真正占有的宽度。 JQUERY 获取 DIV 宽度与高度（width,padding,margin,border）全都有了！ var content = $(‘div’). wid
jquery获取div宽度的实现思路与代码
10-27
DIV的width宽度如何获取呢？接下来介绍使用jquery获取DIV的width宽度，感兴趣的朋友可以了解下的
jquery创建div 实现代码
10-29
在本文中，我们将深入探讨如何使用jQuery来创建div元素，并将其添加到页面中，以实现特定的功能。 首先，让我们来看看标题和描述中提到的代码片段： ```javascript var boardDiv = "<div style='background:white;...
jquery添加div实现消息聊天框
11-20
本文实例为大家分享了jquery添加div实现消息聊天框的具体代码，供大家参考，具体内容如下 上代码 <html> <head> <style> * { margin: 0; padding: 0; } .border { margin-left: 300px; width...
javascript获取div的width、height
qq_24751059的博客
05-10 2182
dcument.getElementById(‘element').style.xxx 可以获取元素的样式信息，但是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，获取不到 IE和其他浏览器不一样 var oBox = document.getElementById("box"); var width = oBox.currentStyle
js怎样获取div元素的宽度
10-13 4673
有些时候需要获取到div的宽度 在线编程地址https://www.w3school.com.cn/tiy/t.asp?f=html_basic <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="...
获取div的宽度和高度
weixin_44430893的博客
03-29 2755
获取div的宽度和高度 var width = $('#容器id').width();
jQuery获取与设置div的宽高
碎语1992
07-30 3万+
有两种方法获取与设置div的宽高：使用尺寸函数或使用css方法 获取宽高 1. 尺寸函数：height() 获取高度，width() 获取宽度 2. css获取div宽高：css("height")获取高度，css("width")获取宽度 区别：尺寸函数获取的值为整型，而css获取的值为带px的字符串 $(".div1").click(function()
jquery学习笔记：transform:scale(0.5) 缩放div后 ，jquery获取宽度异常问题记录
KentKun的博客
10-11 4553
使用transform:scale(0.5)缩放后，不同版本获取div宽高异常 #box{ width: 1000px; height: 1000px; position: absolute; left: 0px; top: 0px; background-color: #000000; transform: scale(0.5); } /*jquery版本:3.0.0*/ //正常缩放
jQuery：获取宽高问题
qq_41504815的博客
03-10 103
Width()和height() 只是获取对应元素的宽和高,不包含内外边距,无参是获取,有参是设置 获取id是div1的元素的宽的值，设定他的高是20px InnerWidth()和innerheight() 获取元素宽高，包含内边距 outerWidth()和outerheight() 获取宽高，包含内边距和边框，如果想要获取外边距 需要加 true ...
jquery获取高度错误(可以获取到宽度，但获取不到高度)，及解决办法
weixin_34234721的博客
03-14 759
<div class="foo"> <div style="display: none;"> 3333333 </div> </div> jquery获取一个元素的高度，但元素的子元素设置display:none; <script type="text/javascript"> alert...
Jquery获取div的宽度与高度
一颗松鼠
09-25 3万+
宽度 $('div').width(); 区块的本身宽度 $('div').outerWidth(); 区块的宽度+padding宽度+border宽度 $('div').outerWidth(true); 区块的宽度+padding宽度+border宽度+margin的宽度 高度 $('div').height(); 区块的本身高度 $('div').outerHe...
JQuery常用DIV操作获取和设置长度宽度
不是秃头的程序员小李
03-17 1万+
获取或设置div的高度和宽度     方法一：height和width函数（得到的是证书），可以用于获取或设置元素的高度和宽度。   val()获取或设置元素的值   方法二：css函数可以用于获取或设置元素的高度和宽度   获取css("width")（得到的是以px结尾的字符串）,设置css("width",20px)或css({width:20px,height:20
jq读取宽度
ljw_jiawei的博客
06-13 762
        alert( $('div').width() );  //取width alert( $('div').innerWidth() );  //取width + padding alert( $('div').outerWidth() );  //取width + padding + border alert( $('div').outerWidth(true) );  ...
jquery获取div宽度
06-08
可以使用jQuery的width()方法来获取一个元素的宽度，如下所示： ```javascript var divWidth = $('#yourDiv').width(); ``` ...通过这种方式，你可以获取到该div的宽度并将其保存在divWidth变量中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值