アトリビュート

属性の設定・取得

attr()

 $('a').attr('href', 'http://www.yahoo.co.jp/'); // 設定
 var url = $('a').attr('href');                  // 取得

value属性の設定・取得

 $('input').val('ABC');                          // 設定
 var value = $('input').val();                   // 取得
 

要素の追加

ある要素の前に追加

 $('h1').before($('<p>').text('BEFORE H1'));

ある要素の後に追加

 $('h1').after($('<p>').text('AFTER H1'));

子要素として末尾に追加

 var li = $('<li>').text('Last Item');
 $('#ul').append(li);

子要素として先頭に追加

 var li = $('<li>').text('First Item');
 $('#ul').prepend(li);

要素の削除

ある要素を削除

 $('li:eq(0)').remove();

ある要素の中を削除

 $('li').empty();

要素にテキスト/HTMLを設定

html()

 $('span').html('<a href="http://www.yahoo.co.jp/">yahoo</a>');

text()

 $('span').text('yahoo');

周囲への挿入

 $('span').wrap('<strong></strong>');

トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS