编程 Javascript

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>

jquery获取div宽度的实现思路与代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 动态数据下的锚点错位问题解决方法

Dec 24 Javascript

javascript 写类方式之九

Jul 05 Javascript

jQuery动态添加删除select项(实现代码)

Sep 03 Javascript

jquery实现div阴影效果示例代码

Sep 16 Javascript

javascript中数组的concat()方法使用介绍

Dec 18 Javascript

悬浮数字的实现案例

Feb 19 Javascript

Javascript学习笔记之相等符号与严格相等符号

Nov 23 Javascript

Javascript的闭包详解

Dec 26 Javascript

package.json文件配置详解

Jun 15 Javascript

JavaScript设计模式之缓存代理模式原理与简单用法示例

Aug 07 Javascript

vue forEach循环数组拿到自己想要的数据方法

Sep 21 Javascript

layui--js控制switch的切换方法

Sep 03 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

为什么《星际争霸》是测试人工智能的理想战场

2019/12/03 星际争霸

[全兼容哦]--实用、简洁、炫酷的页面转入效果loing

2007/05/07 Javascript

在chrome浏览器中，防止input[text]和textarea在聚焦时出现黄色边框的解决方法

2011/05/24 Javascript

js过滤HTML标签以及空格的思路及代码

2013/05/24 Javascript

给事件响应函数传参数的四种方式小结

2013/12/05 Javascript

jquery中html、val与text三者属性取值的联系与区别介绍

2013/12/29 Javascript

js(JavaScript)实现TAB标签切换效果的简单实例

2014/02/26 Javascript

js防止页面被iframe调用的方法

2014/10/30 Javascript

使用RequireJS优化JavaScript引用代码的方法

2015/07/01 Javascript

jquery模拟实现鼠标指针停止运动事件

2016/01/12 Javascript

JavaScript制作简单的日历效果

2016/03/10 Javascript

Javascript学习之谈谈JS的全局变量跟局部变量(推荐)

2016/08/28 Javascript

利用Angularjs和原生JS分别实现动态效果的输入框

2016/09/01 Javascript

javascript cookie用法基础教程(概念,设置,读取及删除)

2016/09/20 Javascript

JavaScript实现瀑布流以及加载效果

2017/02/11 Javascript

详解webpack 配合babel 将es6转成es5 超简单实例

2017/05/02 Javascript

JS中原始值和引用值的储存方式示例详解

2018/03/23 Javascript

JS实现调用本地摄像头功能示例

2018/05/18 Javascript

Vue开发环境中修改端口号的实现方法

2019/08/15 Javascript

vue实现点击按钮“查看详情”弹窗展示详情列表操作

2020/09/09 Javascript

Python调用命令行进度条的方法

2015/05/05 Python

Python使用metaclass实现Singleton模式的方法

2015/05/05 Python

Python 实现文件打包、上传与校验的方法

2019/02/13 Python

记录Python脚本的运行日志的方法

2019/06/05 Python

pytorch 实现cross entropy损失函数计算方式

2020/01/02 Python

keras实现基于孪生网络的图片相似度计算方式

2020/06/11 Python

canvas简单连线动画的实现代码

2020/02/04 HTML / CSS

来自全球大都市的高级街头服饰：Pegador

2018/01/03 全球购物

邮政员工辞职信

2014/01/16 职场文书

小学六年级学生评语

2014/04/22 职场文书

诉前财产保全担保书

2014/05/20 职场文书

单位委托函范文

2015/01/29 职场文书

2015年公路养护工作总结

2015/05/13 职场文书

简单聊聊Golang中defer预计算参数

2022/03/25 Golang

SQL Server使用T-SQL语句批处理

2022/05/20 SQL Server

服务器间如何实现文件共享

2022/05/20 Servers