デイトラ「Web制作コース」 受講内容をアウトプット 24日目

学んだことをアウトプットしています。完全に自己満足ですので悪しからず。
以下の点を確実にアウトプット
①何で学んでるか
②日々の学習内容
③学びのポイント
④制作物
⑤+αで参考にした記事
⑥+αでやってみたこと

①デイトラ「Web制作コース中級編」　JavaScript・jQuery学習編
②・jQueryとはJavaScriptのライブラリの一つ
　・jQueryを使うメリット
　　⇒短いコードで簡単にかける
　　　ブラウザごとの対応がいらない
　　　便利なライブラリがたくさんある
　・jQueryのポイント
　　1）$マークで始まり
　　2）②function()で囲む
　　3）$("主語").動詞("補語")の文法ルールで書く

　・jQueryの代表的なメソッド一覧

　　.text()　テキストを取得する
　　.text('変更したいテキスト')　テキストを' '内の文字列に変更する
　　.html()　HTMLを取得する
　　.html('変更したいHTML')　HTMLを' '内のHTMLに変更する
　　.click()　対象要素をクリックする
　　.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('tofuri')

③なし
④なし
⑤なし
⑥なし