今すぐ jQuery のコア機能を学びましょう。
jQuery(式,[コンテキスト])
この関数は、CSS セレクターを含む文字列を受け取り、この文字列を使用して要素のセットと一致します。
jQuery のコア機能はこの関数を通じて実装されます。 jQuery のすべてはこの関数に基づいているか、何らかの方法でこの関数を使用しています。この関数の最も基本的な使用法は、式 (通常は CSS セレクターで構成される) を渡し、この式に基づいて一致する要素をすべて検索することです。
デフォルトでは、context パラメーターが指定されていない場合、$() は現在の HTML ドキュメント内の DOM 要素を検索します。DOM 要素セットや jQuery オブジェクトなどの context パラメーターが指定されている場合は、このコンテキスト内で検索します。 (jQuery APIより抜粋)
早速、例を見てみましょう。
<!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>Hello World jQuery</title><style>.showtext{background:#999999; color:#990000; font-weight:800; width :auto; 高さ:40px;}.showtext3{ 背景:#666; フォントの重さ:600;}</style><script type="text/javascript" ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; font-size:18px; font-family:'新宋体'">JQuery の意図しないテスト!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="コンテンツを Hello World jQuery に変更します!" /> <input id="btnChange2" type="button" value="コンテンツを変更します意図しない JQuery のテストに!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("クリック ", function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("意図せずに JQuery をテスト中!!");});</script> <h4>ところで、私の QQ 先輩グループ 67221760 (株式取引グループ) を紹介させてください。 </h4> <div><p>今日は仕事に遅れました! </p></div><div></div><div><p>でも時間通りにブログを書かなければなりません</p></div><div><p>差し引かれても問題ありませんあなたの給与</p> </div><span>9999999999999999999</span><span class="showtext2">3333333333333333333</span><script language="javascript">$( function() { //すべてのスパンに一致elements, var showText= $("span"); //すべてのspan要素にclass属性を追加します。 showText.addClass("showtext") //div内のpを含むすべての要素と一致します。 var selectDiv=$("div p") ); //showtext のコンテンツの割り当て showText.text("93 番バスが来ない場合はどうすればよいですか") //selectdiv 要素に class 属性を追加します。 selectDiv.addClass("showtext3"); CSS クラス名を使用して要素を選択します。 var selectByClass=$ (".showtext2") selectByClass.text("最初に、とても早く起きたことを述べておきます。" })</script></body></html>