编程 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用户自定义类的类名称的代码

Mar 08 Javascript

js跨浏览器实现将字符串转化为xml对象的方法

Sep 25 Javascript

JQuery 图片滚动轮播示例代码

Mar 24 Javascript

jQuery Ajax使用实例

Apr 16 Javascript

JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法

Mar 30 Javascript

Angular使用 ng-img-max 调整浏览器中的图片的示例代码

Aug 17 Javascript

Vue项目数据动态过滤实践及实现思路

Sep 11 Javascript

每个 JavaScript 工程师都应懂的33个概念

Oct 22 Javascript

通过实例讲解JS如何防抖动

Jun 15 Javascript

解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题

Oct 11 Javascript

vue实现将一个数组内的相同数据进行合并

Nov 07 Javascript

浅谈es6中的元编程

Dec 01 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