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 相关文章推荐
Use Word to Search for Files
Jun 15 Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
Vue实现省市区三级联动
Dec 27 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
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
PDO::errorCode讲解
2019/01/28 PHP
通过代码实例解析PHP session工作原理
2020/12/11 PHP
JQuery打造PHP的AJAX表单提交实例
2009/11/03 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
2012/12/10 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
微信小程序入门教程
2016/11/18 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
Python常见数据结构详解
2014/07/24 Python
python进阶教程之文本文件的读取和写入
2014/08/29 Python
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
利用python计算时间差(返回天数)
2019/09/07 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
ktv中秋节活动方案
2014/01/30 职场文书
军训考核自我鉴定
2014/02/13 职场文书
廉洁自律承诺书
2014/03/27 职场文书
继承公证书
2014/04/09 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
房屋产权证明书
2015/06/19 职场文书
九九重阳节致辞
2015/07/31 职场文书