この記事の例では、jQuery での width() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。 このメソッドは、一致する要素の幅の値を取得または設定できます。デフォルトの単位は px です。 文法構造 1: コードをコピー コードは次のとおりです: $(selector).width() パラメータを指定しないと、最初に一致した要素の現在の幅が返されます。 コード例: コードをコピーします コードは次のとおりです: <頭> スクリプト ホーム div{ <br> 高さ:150ピクセル<br> 幅:150px; 背景色:緑<br> マージントップ:10px; text-align:center;<br> 行の高さ:150px;<br> }<br> </スタイル> <br> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ <br> $("div").text($("div").width())<br> }) <br> </スクリプト> <br> </頭> <br> <br> <div></div> <br> </本文> <br> </html><br> <br><br> <br>文法構造 2:<br> <br> </div> <p>コードをコピー<br></p> <div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="40208" class="copybut" id="copybut40208" onclick="doCopy('code40208')"><u>$(selector).width(val)</u></a> </span>パラメータを使用すると、一致するすべての要素の幅が設定されます。もちろん、em やパーセントなどの他の単位も使用できます。 </div> コード例:<div class="codebody" id="code40208"> </div> <p><br></p>コードをコピーします<p></p> <div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="79729" class="copybut" id="copybut79729" onclick="doCopy('code79729')"><u></u> <!DOCTYPE html></a> <html></span> <頭></div> <meta charset=" utf-8"><div class="codebody" id="code79729"> <meta name="著者" content="http://www.jb51.net/" /><br> <title>CSS チュートリアル</title> <style type="text/css"> スパン{ <br> 色:赤<br> }<br> </スタイル> <br> <title>スクリプト ホーム</title> <br> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ <br> $("#btn").click(function(){ <br> alert($("li").index()); }) <br> }); <br> </スクリプト> <br> </頭> <br> <br> <br> <br> <li>バックステージエリア</li> <li>フロントデスクエリア</li> <li>データベースエリア</li> <li>ウェブマスターコミュニケーション</li> <br> </ul> <br> </div> <br> <div>現在の li 要素の位置:<span>0</span><br /> <button id="btn">クリックして例を表示</button> <br> </本文> <br> </html><br> <br><br> <br>この記事が皆さんの jQuery プログラミングに役立つことを願っています。 <br> </div>