ホームページ >ウェブフロントエンド >jsチュートリアル >div幅を取得するためのjqueryの実装アイデアとコード

div幅を取得するためのjqueryの実装アイデアとコード

PHP中文网
PHP中文网オリジナル
2016-05-16 17:43:511068ブラウズ

p の幅を取得するにはどうすればよいですか?次に、jquery を使用して p の幅を取得する方法を紹介します。興味のある方は、

p の幅を取得する jquery ステートメントについて学習してください。

$("#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>


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。