関数とメソッド

jQueryの関数

• jQueryは、関数オブジェクトです
• JavaScriptは、プリミティブ型とオブジェクト型で構成される
• プリミティブ型は、変数として使う型
• それ以外はオブジェクト型です

<script>
$(function() {
  alert( typeof( jQuery ) );
});
</script>

• typeof 演算子を使って、引数の中の要素の型を調べることができます
• 結果「function」と表示され、関数オブジェクトであることがわかります

jQuery = window.jQuery = function( ){ };

jQueryとは、Windowオブジェクトのプロパティで、その中身は関数オブジェクトです。
そして、jQueryの関数とは「jQuery関数オブジェクトが持つ関数オブジェクト」を指します。

jQueryの関数構文

jQuery.myFunction( );

《インスタンスを使って記述》

$.myFunction( );

jQueryのdata関数

jQuery.data( element, key, value );

• element：対象となる要素
• key：データを指定する文字列
• value：格納するデータの値

jQueryのメソッド

• jQueryの関数がjQuery関数オブジェクトがもつ関数であったのに対し、jQueryのメソッドはjQueryのセレクタが持つ関数オブジェクトになります
• 引数が必要な場合もあります

$( セレクタ ).method( );

メソッドチェーン

• jQueryには、メソッドを連結させて順番にメソッドを処理していく仕組みがあります
• 順番にメソッドを処理できる条件として、実行メソッドがセレクタを返す必要があります

$( セレクタ ).methodA( ).methodB( ).methodC( );

noConflict関数

• jQueryのエイリアス「$」が、他のライブラリで割り当てている場合に、エイリアスの衝突がおきて、正しい動作をしないことがあります（例：prototype.js）

ショートカットの衝突を回避する

• エイリアス「$」が無効になるため、それ以降はグローバル変数jQueryを指定します
• 実行処理のコード内では、エイリアス「$」を使用したい場合には、引数の中でエイリアス「$」を渡すことで可能になります

jQuery.noConflict( );