【WEB制作×勉強】Day17~18:jQuery
jQueryはファムスクでやったから復習のDay17~18!
でも結構省略されていることも多かったから、学びなおせてよかった!
$=jQueryって書くことができることも
.click(function(){ }) = .on("click",function(){} て書くことができることも
知らなくてどっちも省略形で覚えてた😯
省略でもいいんだろうけど、他の人の記述とかみて分からなかったら困るしね!
あと一番は ファムスクでは関数ver でやってたけど、varは非推奨で、letかconstってのも!いろいろなところから情報を得るのって大事だー!!
代表的なメソッド
代表的なアニメーション
// .fadeIn() フワッと表示。hyou
jQuery("#js-title").fadeIn();
// .fadeOut() フワッと消える。
jQuery("#js-btn").fadeOut();
// .slideDown() スライドして表示。
jQuery("#js-title").slideDown();
// .slideUp() スライドして消える。
jQuery("#js-btn").slideUp();
.slideToggle() 表示・非表示を切り替える(アコーディオンメニュー)
$(".js-accordion").click(function(){
$(this).next().slideToggle();
})
.toggleClass("") クラス(””)をつけ外しする(ハンバーガーメニュー)
*()内のクラス名は.いらない!
.animate({scrollTop:0},秒数) Topから0PXのところに指定した秒数をかけてもどる
$("#js-button-top").on("click",function(){
$("html,body").animate({scrollTop:0},500)
})
代表的なイベント処理
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?