jquery获取div宽度的实现思路与代码
更新时间：2013年01月13日 13:47:53 作者：
DIV的width宽度如何获取呢？接下来介绍使用jquery获取DIV的width宽度，感兴趣的朋友可以了解下的
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 />为欢迎访问脚本之家https://www.jb51.net</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id为keleyi_com的width为："+$("#keleyi_com").width());
}
)
</script>
</body>
</html>
复制代码 代码如下:
$("#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 />为欢迎访问脚本之家https://www.jb51.net</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id为keleyi_com的width为："+$("#keleyi_com").width());
}
)
</script>
</body>
</html>
您可能感兴趣的文章:
- jquery层级选择器的实现(匹配后代元素div)
- jQuery实现将div中滚动条滚动到指定位置的方法
- 通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
- jQuery判断div随滚动条滚动到一定位置后停止
- JQuery实现点击div以外的位置隐藏该div窗口
- jquery获取div距离窗口和父级dv的距离示例
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- javascript和jquery修改a标签的href属性
- Jquery为a标签的href赋值实现代码
- jquery触发a标签跳转事件示例代码
- jquery 为a标签绑定click事件示例代码
- jquery通过a标签删除table中的一行的代码
- jQuery简单获取DIV和A标签元素位置的方法
相关文章
这篇文章主要介绍了jQuery的text()方法用法,以实例形式详细分析了jQuery的text()方法的定义、参数与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了jQuery实现图片高亮显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
下面小编就为大家带来一篇jQuery获取当前点击的对象元素(实现代码)。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
CamanJs库用于个人项目中进行使用的图形操作库，这个库是基于JavaScript的canvas操作库，接下来，通过本篇文章给大家详细介绍使用CamanJS在Web页面上处理图像的技巧，需要的朋友一起来学习下2015-08-08
这篇文章主要介绍了jQuery中DOM常见操作,结合实例形式总结分析了jQuery针对dom属性操作、文档操作等常用方法与操作技巧,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了jQuery中event.target和this的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
最近因为项目的需要，使用了一个JQuery插件。把插件下下来后，很快我就发现，很多默认的插件Style不符合项目要求，必须要被修改2012-05-05
Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局,需要的朋友可以参考下2014-04-04
这篇文章主要为大家详细介绍了jQuery实现倒计时功能，jQuery实现计时器功能的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
这篇文章主要介绍了jQuery.extend 与 jQuery.fn.extend的用法及区别,结合实例形式分析了jQuery.extend与jQuery.fn.extend的功能、使用方法及区别,需要的朋友可以参考下2018-07-07
最新评论