【WEB制作×勉強】Day17～18：ｊQuery

jQueryはファムスクでやったから復習のDay17～18！
でも結構省略されていることも多かったから、学びなおせてよかった！
＄＝jQueryって書くことができることも
.click(function(){  })   =　.on("click",function(){}    て書くことができることも
知らなくてどっちも省略形で覚えてた😯
省略でもいいんだろうけど、他の人の記述とかみて分からなかったら困るしね！
あと一番は　ファムスクでは関数ver でやってたけど、varは非推奨で、letかconstってのも！いろいろなところから情報を得るのって大事だー！！

代表的なメソッド

.text()　テキストを取得する
.text('変更したいテキスト')　テキストを' '内の文字列に変更する
.html()　HTMLを取得する
.html('変更したいHTML')　HTMLを' '内のHTMLに変更する
.prepend('要素')　要素の先頭にHTMLを挿入する
例：$('#lists').prepend('< li >先頭に追加するリスト< /li >')
.append('要素')　要素の最後にHTMLを挿入する
例：$('#lists').append('< li >最後に追加するリスト< /li >')
.remove()　要素を削除する
.attr('属性')　指定した属性の値を取得する
例：$('a#special-link').attr('href')
.attr('属性', '値')　指定した属性の値を変更する
例：$('a#special-link').attr('href', 'https://xxxx.com')
.removeAttr(属性名)　指定した属性を削除する
.addClass(class属性値)　class属性を追加する
例：$('#button').addClass('active')
.removeClass(class属性値)　class属性を削除する
例：$('#button').removeClass('active')
.css(プロパティ名)　指定したCSSプロパティの値を取得する
例：$('#logo').css('color')
.css(プロパティ名, 値)　指定したCSSプロパティの値を設定する
例：$('#logo').css('color', 'red')
val()　フォームの入力値(value属性の値)を取得する
例：$('input#name').val()
val('入力値')　フォームの入力値(value属性の値)を設定・上書きする
例：$('input#name').val('デイトラ')

---

代表的なアニメーション

// .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から０PXのところに指定した秒数をかけてもどる

$("#js-button-top").on("click",function(){
    $("html,body").animate({scrollTop:0},500)
})

---

代表的なイベント処理

click : クリックされたとき
change : フォーム内に変更があったとき
load : 読み込まれたあと
resize : ブラウザサイズが変更されたとき
mouseenter : ホバーされたとき
mouseleave : ホバーが外れたとき
submit : フォームが送信されたとき