div幅を取得するためのjqueryの実装アイデアとコード-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

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

May 16, 2016 pm 05:43 PM

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

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

$(&quot;#keleyi_com&quot;).width(); 
其中keleyi_com为p的id。

ログイン後にコピー

完全なサンプルコード:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; 
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; 
&lt;head&gt; 
&lt;title&gt;jquery 获取 DIV的width(宽度)&lt;/title&gt; 
&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js&quot;&gt;&lt;/script&gt; 
&lt;/head&gt; 
&lt;body&gt; 
  &lt;div id=&quot;keleyi_com&quot; style=&quot;width:800px;border:1px solid silver&quot;&gt;
     本DIV的id为keleyi_com;&lt;br /&gt;为欢迎访问PHP中文网
  &lt;/div&gt; 
&lt;script type=&quot;text/javascript&quot;&gt; 
$(document).ready( 
function () { 
alert(&quot;id为keleyi_com的width为：&quot;+$(&quot;#keleyi_com&quot;).width()); 
} 
) 
&lt;/script&gt; 
&lt;/body&gt; 
&lt;/html&gt;

ログイン後にコピー

このウェブサイトの声明

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