jQueryリファレンス

jQuery(ジェイクエリー)は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリです。
  1. 基礎知識
  2. slideToggle
  3. toggleClass
  4. addClass/SlideUp
  5. has
  6. hasClass
  7. SlideUp/SlideDown
  8. length

基礎知識

実行環境は基本的にWebブラウザ上のみ

記述の仕方

<script>
 ここに記述
</script>

または
<script>
<!--

ここに実行内容を記述

//-->
</script>
<noscript>

JavaScript無効時に実行される内容を記述

</noscript>
<!-- と //-->はJavaScript無効時に<script type="text/javascript">から</script>の間に記述した実行内容が Webブラウザに表示されないようにするためのもの。基本的には上記の内容をHTMLに記述するのだがCSSのように外部ファイルに記述して 読み込むようにすることもできる。外部ファイルにする場合はHTMLの<HEAD> から </HEAD>の間に
<script type="text/javascript" src="ファイルのパス"></script>
を記述し、外部ファイルの拡張子をjsにする。あとは外部ファイルに実行内容のみ記述していけばよい。

動作の確認

JavaScriptが機能しているか確認するなら以下を記述。

<script>
document.write("JavaScriptはONです。");
</script>
<noscript>JavaScriptはOFFです。</noscript>

コメントアウト

作成日時やプログラム内容の補足文などプログラム文と認識させないコメント文。

一行の場合

// ここにコメント

複数行の場合

/*
 ここにコメント
*/

変数の定義

JavaScriptでは変数の型は存在するが自動で変換されるので使用するのに型の指定は必要なく、 事前に変数の使用宣言もした方が好ましいが無理にする必要もない。 もし変数の宣言をする場合はvarステートメントを使用して以下のようにする。
var aaa;
var bbb="あいうえお";
varステートメントを使用することでグローバル変数の扱いになりvarがない変数はローカル変数になる。 変数名は大文字と小文字で区別され、予約語や関数名、数字で始まるものなどでなければほぼ好きな名前で使用できる。

文字列の表記

文字列として扱いたい場合は " と " で囲みます。
"あいうえお"
また2つの文字列を結合したい場合は + で繋ぎます。
"あいう" + "えお"

TOPへ
戻る