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

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

PHP中文网
リリース: 2016-05-16 17:43:51
オリジナル
1064 人が閲覧しました

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>
ログイン後にコピー


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート