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 获得服务器控件值的方法小结
May 11 Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
js post提交调用方法
Feb 12 Javascript
js判断iframe内的网页是否滚动到底部触发事件
Mar 18 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
微信小程序 http请求的session管理
Jun 07 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
vue项目前端知识点整理【收藏】
May 13 Javascript
vue制作抓娃娃机的示例代码
Apr 17 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
yii框架通过控制台命令创建定时任务示例
2014/04/30 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
google 搜索框添加关键字实现代码
2010/04/24 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
JavaScript函数节流的两种写法
2017/04/07 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
一步步教你用Python实现2048小游戏
2017/01/19 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
Python占用的内存优化教程
2019/07/28 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
教师业务培训方案
2014/05/01 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
学校运动会广播稿
2014/10/11 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
2015年植树节活动总结
2015/02/06 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
python pyhs2 的安装操作
2021/04/07 Python