欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery获取div宽度的实现思路与代码教程

程序员文章站 2022-07-03 11:14:59
jquery 获取 div的width的语句: 代码如下: $("#keleyi_com").width(); 其中keleyi_com为div的id。...

jquery 获取 div的width的语句:

代码如下:

$("#keleyi_com").width();
其中keleyi_com为div的id。

完整示例代码

代码如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>jquery 获取 div的width(宽度) - 柯乐义</title>
<script type="text/javascript" src="https://www.keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js"></script>
</head>
<body>
<p id="keleyi_com" style="width:800px;border:1px solid silver">本div的id为keleyi_com;<br />为欢迎访问破洛洛 https://www.poluoluo.com</p>
<script type="text/javascript">
$(document).ready(
function () {
alert("id为keleyi_com的width为:"+$("#keleyi_com").width());
}
)
</script>
</body>
</html>