jQuery入門チュートリアル(2):基本構文


jQueryを学ぶ前に、以下の基本的な知識が必要です.
HTML
CSS
JavaScript
jQueryの基本構文
$(selector).action()
$適合定義jQuery文(selector)CSSのselector構文と同じ構文を持つHTML要素を選択します.
Action()は、HTML要素を操作する方法を定義します.
例:
$(this).hide()-現在の要素を非表示にします.
$(“p”).hide()–非表示のため

要素.
$(“.test”).hide()-クラス名がtestである要素を非表示にします.
$(“#test”).hide()-IDがtestの要素を非表示にします.
ドキュメントの準備イベント
ほとんどのjQueryには次のコードがあります.

$(document).ready(function(){

   // jQuery methods go here...

 }); 
 

これにより、Document Readyイベントプロセッサは、jQueryがページの読み込みが完了する前に実行されないようにします.これにより、作成されていない要素を非表示にしてロードされていないピクチャのサイズを取得しようとする場合を回避できます.
この方法は、以下の簡略化された方法を用いることもできる.
$(function(){

   // jQuery methods go here...

 }); 
 

好きな方法を選ぶことができますが、通常は$(document)を採用しています.ready(function(){の方法でコードの読み取りを容易にします.