jQuery基礎 メソッドを使う

jQueryオブジェクト

ここで意味が分からなかったらとりあえず飛ばして次へ進みます。大丈夫です。あとでわかります。

メソッドを使ってみよう

書き方のルールだけメモしておきましょう。

$('').();

hideメソッドを使ってみよう

【動作】消えます
人間の言葉に訳すと
「見出しを隠してください。」
大ざっぱに言うと
「h1をhideしてください。」

$('h1').hide();

fadeOutメソッドを使ってみよう

【動作】ゆっくり消したり、早く消したりできます。
さっきと同じ見出しならh1
画像を消すならimgになります。


$('h1').fadeOut();
$('img').fadeOut();

fadeOutメソッドでスピードを変える


$('img src=""').fadeOut(1500);

1500ミリ秒に指定よくわからないと思うのでやってみてください。

他のメソッド

slideUp
progateではこれだけですがもっとあります。「jQuery メソッド」って感じで検索すると一覧が出てきます。

まとめ

$('セレクタ').メソッド();

SNSでもご購読できます。


コメントを残す

*