Heim >Web-Frontend >js-Tutorial >jquery获取div宽度的实现思路与代码

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

PHP中文网
PHP中文网Original
2016-05-16 17:43:511068Durchsuche

p的width宽度如何获取呢?接下来介绍使用jquery获取p的width宽度,感兴趣的朋友可以了解下的

jquery 获取 p的width的语句: 

$("#keleyi_com").width(); 
其中keleyi_com为p的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 />为欢迎访问PHP中文网
  </div> 
<script type="text/javascript"> 
$(document).ready( 
function () { 
alert("id为keleyi_com的width为:"+$("#keleyi_com").width()); 
} 
) 
</script> 
</body> 
</html>


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn