使い方
①jQueryオブジェクトを作成
②jQueryオブジェクトに対してメソッド(機能)を呼び出す


                                               

$ ( ' セレクタ ). メソッド(引数);       jQueryはJavaScript(JS)なので、文末にセミコロンが必要
        何を          どうするか

 


$ ( ' セレクタ ) コーテーション(shift+7)

セレクタにはHTMLのタグ名やclass名などを指定

合致したHTMLの要素がjQueryオブジェクトになる

セレクタはCSSで使用するセレクタと同じ

 

メソッド ピリオド
メソッド=便利な機能

jQueryのメソッドはjQueryオブジェクトでしか利用できない。

メソッドを使うと、jQueryオブジェクトの内容(HTMLの要素)を変更したり

アニメーションをつけたりすることができる

 

例)

・hide…要素を隠すメソッド

・fadeOut…要素を隠す際に、アニメーションを付けるメソッド

  後ろの()内に引数として、アニメーションの速度を指定できる。ミリ秒での指定や、文字列での指定可

・slideUp…アニメーション付きで要素を隠す。(fadeOutと異なるアニメーションを実現可)

 後ろの()内に引数として、アニメーションの速度を指定できる

 

    例) hideメソッドを用いて<h1>要素を隠す

css


  <h1>Hello, World</h1>

script.js


$('h1').hide();