Jquery学習ノート——第一章Jquery入門及び基礎文法


1.Jqueryは・javascriptライブラリです.
2.Jqueryの特徴:
軽量レベル、強力なセレクタ、優れたDOM操作パッケージ、信頼性の高いイベント処理メカニズム、優れたブラウザ互換性.
3.Jqueryの基礎文法:$(selector).action()
Action():要素に対する操作を実行する
eg:$(this).hide()/現在の要素を隠す
$("p").hide()/すべての段落を隠す
$("p.test").hide()/すべてのclass=「test」の段落を隠す
$("#test").hide()/id=「test」の要素を隠す
4.Jqueryのコードスタイル(チェーンスタイル)
1.同一のオブジェクトに対して3つ以上の操作を行わない場合は、直接1行に書くことができます.
2.同じオブジェクトの多くの操作について、行ごとに1つ書きます.
3.複数のオブジェクトの少量の操作については、各オブジェクトに1行ずつ書くことができ、サブ要素を適切にインデントすることができます.
5.$(document).ready()とwindow.onloadの違い:
1.window.onloadは、Webページのすべてのコンテンツがロードされてから(画像を含む)実行する必要があります.$(document).ready()ページ内のすべてのDOM構造の描画が完了すると実行されます.
     2.$(document).ready()は複数を同時に作成することができる.window.onloadは複数を同時に作成することはできません.2番目は1番目を上書きします.
3.window.onloadは簡略化された書き方がありません.$(document).ready()には簡略化された書き方$()があります.
6.最初のJqueryプログラム
  //  jquery

    $(document).ready(function(){
    alert("Hello World!");
});

7.コメント:
//一方通行注釈
8.DOMオブジェクト:HTMLの文書オブジェクトモデルの要素オブジェクト.javascriptの次の方法で取得できます.
document.getElementById("test")
document.getElementByTagName("p")
Jqueryオブジェクト:JqueryパッケージされたDOMオブジェクト.
         $("#test")
         $("p")