使い方
①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();