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 相关文章推荐
Jquery拖拽并简单保存的实现代码
Nov 28 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
Dec 11 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
javascript 回调函数详解
Nov 11 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 Javascript
原生js无缝轮播插件使用详解
Mar 09 Javascript
element 动态合并表格的步骤
Dec 31 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 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
单位速度在实战中的运用
2020/03/04 星际争霸
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
用php实现让页面只能被百度gogole蜘蛛访问的方法
2009/12/29 PHP
PHP转盘抽奖接口实例
2015/02/09 PHP
基于PHP制作验证码
2016/10/12 PHP
AJAX的使用方法详解
2017/04/29 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
js 强制弹出窗口代码研究-又一款代码
2010/03/20 Javascript
javascript 节点遍历函数
2010/03/28 Javascript
jquery 面包屑导航 具体实现
2013/06/05 Javascript
JavaScript中的typeof操作符用法实例
2014/04/05 Javascript
js单词形式的运算符
2014/05/06 Javascript
jQuery+css实现百度百科的页面导航效果
2014/12/16 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
python实现汽车管理系统
2018/11/30 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
python subprocess pipe 实时输出日志的操作
2020/12/05 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
Lucene推荐的分页方式是什么?
2015/12/07 面试题
测绘工程本科生求职信
2013/10/10 职场文书
医院领导班子查摆问题对照检查材料思想汇报
2014/10/08 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle