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


Posted in Javascript onJanuary 13, 2013

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://3water.com</div> 
<script type="text/javascript"> 
$(document).ready( 
function () { 
alert("id为keleyi_com的width为:"+$("#keleyi_com").width()); 
} 
) 
</script> 
</body> 
</html>
Javascript 相关文章推荐
通过上下左右键和回车键切换光标实现代码
Mar 08 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
将查询条件的input、select清空
Jan 14 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
JS实现商品橱窗特效
Jan 09 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
vue选项卡切换的实现案例
Apr 11 Vue.js
jQuery实现用方向键控制层的上下左右移动
Jan 13 #Javascript
js模仿html5 placeholder适应于不支持的浏览器
Jan 13 #Javascript
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 #Javascript
关于全局变量和局部变量的那些事
Jan 11 #Javascript
jquery延迟加载外部js实现代码
Jan 11 #Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 #Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
Jan 11 #Javascript
You might like
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
php下统计用户在线时间的一种尝试
2010/08/26 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
用JS实现一个页面多个css样式实现
2008/05/29 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
javascript 写类方式之三
2009/07/05 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
python实现跨文件全局变量的方法
2014/07/07 Python
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
Python的条件锁与事件共享详解
2019/09/12 Python
在python3中实现更新界面
2020/02/21 Python
python 如何上传包到pypi
2020/12/24 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
C语言开发工程师测试题
2016/12/20 面试题
为数据库创建索引都需要注意些什么
2012/07/17 面试题
医院总经理岗位职责
2014/02/04 职场文书
民主评议党员工作总结
2014/10/20 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书