ホーム > コンテント (全3件)
  • コンテンツを追加する

    IDがlistのUL要素内の末尾にLI要素を追加する。

    $('ul#list').append( '<li>アイテム3</li>' );

<!-- html部分 -->
<ul>
<li>アイテム1</li>
<li>アイテム2</li>
</ul>

    機能は、$('ul#list').html( $('ul#list').html()+'<li>アイテム3</li>' );と同じ。

    キーワード:
  • jQuery UIのアコーディオンを使う

    IDがlistの要素にアコーディオンを適用する。

    $(document).ready( function () {
	$( '#list' ).accordion();
}

<!-- html部分 -->
<div id="list">
<h3><a href="#">見出し1</a></h3>
<div>ここに見出し1の中身</div>
<h3><a href="#">見出し2</a></h3>
<div>ここに見出し2の中身</div>
</div>

    jQueryのほか、jQuery UI、jQuery UI Widgetが必要で、初期化時に適用したい要素に対してaccordion関数を呼び出す。アコーディオンの中身はh3要素とdiv要素がペアで、必要な数だけ繰り返す。

    キーワード:
  • 要素を空にする

    IDがcontentの要素を空にする。

    $( '#content' ).empty();

    $( '#content' ).html( '' ) で問題ないような気もする。

    キーワード:
 
 
常用漢字チェッカー WordPress私的マニュアル 主にjQueryのメモ