この記事の例では、jQuery の context 属性の使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。 この属性は、jQuery() メソッドの 2 番目のパラメーター値である、jQuery() に渡された元の DOM ノードのコンテンツを返すことができます。 jQuery() メソッドでこのパラメーターが指定されていない場合、コンテキストは現在のドキュメントを指します。 文法構造: コードをコピー コードは次のとおりです: $("selector").context コード例: 例 1: コードをコピーします コードは次のとおりです: <頭> スクリプト ホーム ディビジョン<br> { <br> 幅:150px; 高さ:150ピクセル<br> ボーダー:1px 青一色 <br> }<br> </スタイル> <br> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ <br> $("ボタン").click(function(){ <br> アラート($("li").context); })<br> })<br> </スクリプト> <br> </頭> <br> <br> <br> <br> <li>テストスクリプト</li> <br> </ul> <br> </div> <br> <button>クリックしてテスト</button> </本文> <br> </html><br> <br><br> <br><br>デフォルトでは、jQuery() に渡される元の DOM ノードは Document であり、IE ブラウザでは [オブジェクト] を返し、他のブラウザでは [オブジェクト <br>HTMLDocument] を返します。 <br> 例 2:</div> <p><span style="color: #0000ff"></span><br>コードをコピーします</p> <p></p> <div class="codetitle"> コードは次のとおりです:<span><a style="CURSOR: pointer" data="88739" class="copybut" id="copybut88739" onclick="doCopy('code88739')"><u> <!DOCTYPE html></u> <html></a> <頭></span> <meta charset=" utf-8"></div> <meta name="著者" content="http://www.jb51.net/" /><div class="codebody" id="code88739"> <title>スクリプト ホーム</title><br> <style type="text/css"><br> ディビジョン<br> {<br> 幅:150px;<br> 高さ:150px;<br> ボーダー:1px 青一色;<br> }<br> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ $("ボタン").click(function(){ alert($("li",document.getElementById("myid")).context); }) }) テストスクリプト クリックしてテスト