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 弹出框定位实现方法
Dec 02 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
javascript实现列表切换效果
May 02 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
Nov 16 Javascript
JQuery绑定事件四种实现方法解析
Dec 02 jQuery
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开发模式(简写版)
2007/03/15 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
浅析php-fpm静态和动态执行方式的比较
2016/11/09 PHP
关于JavaScript的一些看法
2009/05/27 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
jQuery无冲突模式详解
2019/01/17 jQuery
JavaScript对象原型链原理详解
2020/02/05 Javascript
编写一个javascript元循环求值器的方法
2020/04/14 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
2020/12/30 Vue.js
python正则表达式及使用正则表达式的例子
2018/01/22 Python
详解Python3注释知识点
2019/02/19 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
Python中调用其他程序的方式详解
2019/08/06 Python
通过实例解析python描述符原理作用
2020/01/22 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
python实现马丁策略的实例详解
2021/01/15 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
编写类String 的构造函数、析构函数和赋值函数
2012/09/09 面试题
教师专业自荐书范文
2014/02/10 职场文书
五年级学生评语
2014/04/22 职场文书
新闻编辑求职信
2014/07/13 职场文书
财会专业大学生求职信
2014/09/26 职场文书
python中requests库+xpath+lxml简单使用
2021/04/29 Python