読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強03月14日開講クラス授業補足ブログ

関数とメソッド

jQuery

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.noConflict( );