W3School Jquery study

ここは私が勉強しているノートだけで、自分が必要なときに調べることができます.
first  import the  Jquery .js  file, code is following:

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

$(“#testDiv”);IDがtestDivの要素のパッケージセット
var div = document.getElementById(“testDiv”);var  domToJQueryObject = $(div);このときdomToJQueryObjectは、jqueryパッケージセットを表します.
jQueryパッケージセットは、インデックスを使用して要素var domObject=$(#testDiv)[0]にアクセスするセットです.このときdomObjectはdocumentオブジェクトを表します.
「$」記号はJqueryでJqueryオブジェクトへの参照を表します.
jqueryセレクタは、文字列で異なるDomオブジェクトを取得し、jqueryパッケージセットとして返す
#セレクタ#一意の指定idを持つ要素を選択します.idはHTML要素のid属性を参照します.同じid値はドキュメントで一度しか使用できません.繰り返した場合、最初のidのみが読み出されます
*セレクタ$(「body*」)内のすべての要素を選択
Chainingでは、同じ要素で複数のjQueryコマンドを実行できます.
$("#p1").css("color","red").slideUp(2000).slideDown(2000);p 1要素はまず赤に変わり、次に上にスライドし、次に下にスライドします.css()メソッドは、選択された要素の1つ以上のスタイルプロパティを設定または返します.

$("input").val();        
$("input").val("hello world!");         
$("p").text();   P              
$("p").text("Hello world!");    P       
$("p").html();   p     。 （   HTML   ）   <table><td>...
$("p").html("Hello <b>world</b>!");    P     
$("a").attr("href");      ，       

.intro{ background-color:yellow;}class=「intro」の要素のスタイルを設定します.すべてのclsssがintroの要素で、背景色が黄色に設定されます.
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});インデックスがそれぞれ0,1,2のP要素に異なるフォント色を設定する
$("tr").each(function(i){this.style.backgroundColor=['#bbb','#ddd'][i%2]});行を隔てたtr要素に色を変えて、表の行を隔てて色を変えることを実現します
表ごとにグレーの枠線を設定