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 相关文章推荐
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
jQuery中append()方法用法实例
Dec 25 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
Nov 07 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
js中url对象化管理分析
Dec 29 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 Javascript
原生JS实现拖拽效果
Dec 04 Javascript
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 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP 常用数组内部函数(Array Functions)介绍
2013/06/05 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
JS公共小方法之判断对象是否为domElement的实例
2016/11/25 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
Python Tkinter简单布局实例教程
2014/09/03 Python
Python使用Scrapy爬取妹子图
2015/05/28 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
Python正则表达式常用函数总结
2017/06/24 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
使用Scrapy爬取动态数据
2018/10/21 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
应届毕业生的个人自我鉴定
2013/10/24 职场文书
机电专业个人求职信范文
2013/12/30 职场文书
六十岁生日答谢词
2014/01/10 职场文书
标准自荐信范文
2014/01/29 职场文书
学生穿着不得体检讨书
2014/10/12 职场文书
行政申诉状范文
2015/05/20 职场文书