- 索引
- 1章:jQuery入門
-
- ├ jQueryのメリット
- ├ readyイベント
- ├ オブジェクトについて
- ├ メソッドについて
- ├ 情報の取得
- ├ イベント(1)
- ├ イベント(2)
- └ 初歩なサンプル
- 2章:jQuery基礎
-
- ├ thisについて(1)
- ├ thisについて(2)
- ├ jQueryとDOM要素
- ├ 簡単な演出
- ├ thisから辿る
- ├ 汎用的なアニメ(1)
- ├ 汎用的なアニメ(2)
- ├ アニメの停止
- ├ アニメを管理する仕組み
- └ 汎用的なアニメ(3)
- 3章:jQuery発展
-
- ├ イベントフロー(1)
- ├ イベントフロー(2)
- ├ イベントフロー(3)
- ├ 画像のプリロード
- ├ jQueryの高速化
- └ メソッドチェーン
- 番外編:研究
-
- ├ イベントを外す
- ├ cssアニメとの連携(1)
- ├ cssアニメとの連携(2)
- ├ cssアニメとの連携(3)
- ├ セレクタの自作(1)
- ├ セレクタの自作(2)
- ├ クロージャ(1)
- ├ クロージャ(2)
- └ クロージャ(3)
メソッドについて
概要
オブジェクトを操作する
jQueryに限らず、ほとんどのスクリプト言語では「メソッド」という仕組みが必要になり、これによってオブジェクトを操作します。jQueryオブジェクトもメソッドで操作します。
- メソッド ( method )
- メソッドはオブジェクトを操作する命令文を指します。
オブジェクトとメソッドは以下の様にドットを挟んで記述します(このような構文を「ドットシンタックス」と呼びます)。これで「誰(オブジェクト)が何をする(メソッド)」という最小限の処理が完成します。
- オブジェクトとメソッドの構文(ドットシンタックス)
- オブジェクト . メソッド
解説
後の()を忘れずに
jQueryオブジェクトに利用できるメソッドは非常に沢山あるのですが、すべて共通点があります。それは「処理の実行には後に( )が必要」という点です。
例えばreadyイベントのページで紹介したサンプル(ready/02.html)では、以下のように利用しています。
$(function () { $("img").hide(); });
hideメソッドは指定した要素を隠すので、このサンプルではimg要素が表示されません。
場合によっては引数が必要
引数(ひきすう)とはメソッドに渡す情報のことで()内に設定します。サンプル(method/01.html)を開いてソースを確認してください。body内には何も記述されていないのに、ページには「let's start jQuery!」と表示されています。
これはjQueryで以下の様に記述され、textメソッドによってbody内のテキストが設定されたためです。textメソッドはこのように引数で表示するテキストを設定します。
$(function(){ $("body").text("let's start jQuery!"); });
メモ
jQueryオブジェクト(セレクタを含む)とメソッドについて簡単にまとめておきます。
- 最小限の処理
- $(セレクタ).メソッド(引数)
日本語でも文章を構成するには「誰が」「何をする」が必要になります(つまり主語と述語です)。jQueryでも同じで、オブジェクトで「誰が」を指定し、メソッドで「何をする」を指定します。
次回は要素の情報を取得する方法について説明します。
次のページ:情報の取得