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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
详解Javascript中的原型OOP
Oct 12 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
node.js中http模块和url模块的简单介绍
Oct 06 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
Oct 25 Javascript
vue基础知识--axios合并请求和slot
Jun 04 Javascript
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 Javascript
vue中data里面的数据相互使用方式
Jun 05 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
apache+mysql+php+ssl服务器之完全安装攻略
2006/09/05 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
异步javascript的原理和实现技巧介绍
2012/11/08 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
在点击div中的p时,如何阻止事件冒泡
2017/02/07 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
详谈Node.js之操作文件系统
2017/08/29 Javascript
Bootstrap图片轮播效果详解
2017/10/17 Javascript
webpack实现一个行内样式px转vw的loader示例
2018/09/13 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[49:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第二场 3月4日
2021/03/11 DOTA
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
Python编程实现正则删除命令功能
2017/08/30 Python
Flask之flask-script模块使用
2018/07/26 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
django列表筛选功能的实现代码
2020/03/27 Python
在Python中实现字典反转案例
2020/12/05 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
历史学专业推荐信
2013/11/06 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python