Open2

jQuery基礎

jquery

JSをjQueryに書き換え

document.getElementById('target').textContent = 'Hello';
$('#target').text('Hello');

document.querySelector('ul.menu').classList.add('active');
$('ul.menu').addClass('active');

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

clickイベント

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

addClass、removeClass

メソッドチェーンできる

$( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );

要素を追加する

// <li>new list item</li>をulタグの末尾に追加
$('<li>').text('new list item').appendTo('ul');
ログインするとコメントできます