编程 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 相关文章推荐

jQuery动态地获取系统时间实现代码

May 24 Javascript

Jquery判断form表单数据是否变化

Mar 30 Javascript

基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理

May 12 Javascript

AngularJS 作用域详解及示例代码

Aug 17 Javascript

AngularJS控制器之间的通信方式详解

Nov 03 Javascript

JS日程管理插件FullCalendar中文说明文档

Feb 06 Javascript

vue2.0 自定义饼状图 (Echarts)组件的方法

Mar 02 Javascript

ios设备中angularjs无法改变页面title的解决方法

Sep 13 Javascript

微信小程序动画组件使用解析，类似vue，且更强大

Aug 01 Javascript

VUEX-action可以修改state吗

Nov 19 Javascript

js实现消灭星星(web简易版)

Mar 24 Javascript

微信小程序用户授权最佳实践指南

May 08 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