Heim > Web-Frontend > js-Tutorial > Hauptteil

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

PHP中文网
Freigeben: 2016-05-16 17:43:51
Original
1025 Leute haben es durchsucht

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

jquery 获取 p的width的语句: 

$("#keleyi_com").width(); 
其中keleyi_com为p的id。
Nach dem Login kopieren

完整示例代码:

<!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>
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!