jQueryの基礎

jQueryの勉強で記載してます！！！

• []はeq()でかく(要素の順番を指定できる)

document.querySelectorAll('ul > li')[2].remove();
= $('ul > li').eq(2).remove();

• 基本形、この中に書いていくイメージ

$(() => {

});

• つなげてかける（メソッドチェーンという）

$('p').text('おはよう');
$('p').addClass('red-text');
＝$('p').text('おはよう').addClass('red-text');

• <>があることで新規追加の意味になる。ないと既存のli要素の取得の意味になる。

$('<li>')

• 要素の追加

.appendTo(セレクター);

• 定数を定義できる、その後使いまわせる

const $input = $('input');

• jqのオブジェクトじゃないとjqのメソッドは使えない。fadeOoutのために$()で囲む必要がある。

$('ul').click(e => {
        if (e.target.nodeName !== 'LI' || !confirm('削除大丈夫？？？')) {
            return;
        }
        $(e.target).fadeOut();
});

• jqの読み込み方は下記のコードをheadタグで読み込む

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>