① jQuery 要素の相対的な配置。 jQuery では、絶対的な位置指定だけでなく、$() で 2 番目のパラメーターが指定されている限り、相対的な位置指定にもセレクターを使用できます。 2 番目のパラメーターには jQuery オブジェクトが渡され、このオブジェクトを基準にして相対選択が実行されます。 コードをコピー コードは次のとおりです。 head> jQuery 要素の相対位置とセレクター ; <br>$(function(){ <br>//行 1 ~ 3 の背景色を赤に設定します (絶対位置)。<br>//ここでは gt(0 ) に注意してください元のシーケンスではなく、lt(4) からの新しいシーケンスのシーケンス番号から開始します (つまり、元のシーケンスに基づいてさらにフィルタリングします) <br>$("#t tr:lt(4):gt(0) . )").css("background","red"); <br>$("#t tr").click(function(){ <br>//これは Dom で -->jQuery で $( this) <br>//$("td",$(this)) は、この行の tr の下の検索に関連しています。 td <br>$("td",$(this)).css("background") ," 緑"); <br>$("tr[title=ttt ]").css("背景","黄"); <br>});スクリプト> <br></head> <br><div1> <br><tr> <td>111</td>A<br><tr> <td>333</td>C ;D<br> </tr> <tr title="ttt"> <td>555</td>E</tr> ; <br> <tr> <td>666</td>F<br> </tr> <tr> <td>777</td> <td> ;G td><br> </td> </tr> <tr> <td>888</td> <td>H</td> </tr> /td><td>I</div> <br></html> 🎜><br><br> <p>オペレーションレンダリング: </p> <p><img src="http://files.jb51.net/upload/201104/20110426230822794.jpg" alt="jQuery 学習の概要: 要素の相対位置とセレクター (継続的に更新)_jquery" ></p> <p>②$("div[id]") id 属性の div を選択 <br>③$("div[<span style="COLOR: #ff00ff">title=test</span>]") title 属性 "test" の div を選択」。 <span style="COLOR: #ff00ff">注: 等号。 </span><br>$("div[title<span style="COLOR: #ff00ff">!=</span>test]")title 属性が "test" ではない div を選択<br>④$("input:checked")<span style="COLOR: #ff00ff">注: input と :checked の間にはスペースはありません </span><br>⑤<span style="COLOR: #ff00ff">$("input") と $(":input") の違い </span><br>$("input") <input>タグのみ取得可能ですが、<textarea>、<select>等は取得できません。 <br>$(":input") は、<input> タグだけでなく、サーバーに送信された <textarea>、<select> などのフォームも取得できます。 <br>同様に、$(":text") はすべての単一行のテキスト ボックスを取得します。$("input[type=text]") を使用して同じ機能を実現することもできます。同様のものには $(":passowrd")、$(":radio")、$(":checkbox")、$(":submit")、$(":image")、$(":reset" ) があります。 , $(":button"), $(":file"), $(":hidden")<br>⑥要素の属性を読み込むか設定するには、attr() メソッドを使用します。 でカプセル化されていない属性の場合。 jQueryではattrを使用して動作します。 <br>$("#a:first").attr("href","<a href="http://baidu.com/">http://baidu.com</a>");<br>⑦属性を削除removeAttr、ソースコード内の属性を削除できますこれと属性をクリアすることの違いが分かりません。 <br>⑧Dom ノードを動的に作成する <br>$(html string) を使用して Dom ノードを動的に作成し、jQuery オブジェクトを返し、append などのメソッドを呼び出して、作成したノードを Dom に追加します。 <br>var link=$("<a href='http://www.baidu.com'>Baidu</a>");<br>$("div:first").append( link ); <br>append メソッドは、要素の末尾に要素を追加するために使用されます (子要素を追加し、最後の子要素になります)。 <br>prepend メソッドは、要素の先頭に要素を追加します (add)。 <br>after メソッドは要素の後に要素を追加します (兄弟を追加します) <br>before メソッドは要素の前に要素を追加します (兄弟を追加します) <br>⑨ node<br>remove() は選択したノードを削除します。このメソッドの戻り値は削除されたノード オブジェクトであり、削除されたノードを引き続き使用できます。 <br> var list=$("#ulLeft li.test").remove();<br> $("#ulRight").append(list);</select></textarea></p> <p><span style="COLOR: #ff00ff">イベントのバブリングを防止します</span>e.stopPropagation();<br><span style="COLOR: #ff00ff">デフォルトの動作を防止します</span>: e.preventDefault() は window.event.returnValue=false </p> </td> </div>