JavaScript/jQuery/API/アトリビュートの変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/jQuery/API/アトリビュートへ行く。
JavaScript/jQuery/API/アトリビュートの差分を削除

* アトリビュート [#b2f7bb95]

* 属性の設定・取得 [#nb1fa077]
** attr() [#g3310933]
** 属性の設定・取得 [#nb1fa077]
*** attr() [#g3310933]
 $('a').attr('href', 'http://www.yahoo.co.jp/'); // 設定
 var url = $('a').attr('href');                  // 取得

** value属性の設定・取得 [#jafea4cc]
*** value属性の設定・取得 [#jafea4cc]
 $('input').val('ABC');                          // 設定
 var value = $('input').val();                   // 取得
 
* 要素の追加 [#t9fd9175]
** ある要素の前に追加 [#gec14c05]
 $('h1').before($('<p>').text('BEFORE H1'));

** ある要素の後に追加 [#bce38ee6]
 $('h1').after($('<p>').text('AFTER H1'));

* 子要素として末尾に追加 [#xa6df651]
 var li = $('<li>').text('Last Item');
 $('#ul').append(li);

** 子要素として先頭に追加 [#i84747b2]
 var li = $('<li>').text('First Item');
 $('#ul').prepend(li);

* 要素の削除 [#y6761a87]
** ある要素を削除 [#q9ddefaa]
 $('li:eq(0)').remove();

** ある要素の中を削除 [#qa859577]
 $('li').empty();

* 要素にテキスト/HTMLを設定 [#a9a2b9ca]
** html() [#gcc4021c]
** 要素にテキスト/HTMLを設定 [#a9a2b9ca]
*** html() [#gcc4021c]
 $('span').html('<a href="http://www.yahoo.co.jp/">yahoo</a>');
** text() [#cdee1833]
*** text() [#cdee1833]
 $('span').text('yahoo');

* 周囲への挿入 [#wfb9b7ce]
** 周囲への挿入 [#wfb9b7ce]
 $('span').wrap('<strong></strong>');