jquery childrenメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery children()メソッド

childrenメソッドは、セレクタで指定した要素の子要素を指定します
使い方は簡単です。セレクタとメソッドの間に.children()を記述するだけです
セレクタで指定した要素の全ての子要素を指定します

.children()

子要素を限定する場合(指定した要素に限定されます)

.children("セレクタ")

指定したHTML要素の全ての子要素を指定します

ボタンをクリックしたときにセレクタで指定したHTML要素の子要素のテキストが変更されます

jquery

$(function() {
	$("button").click(function(){
	$("#hoge").children().text("子要素が指定されました");
	});
});
css
#ko{ border: solid 1px;  }
#hoge{ border: solid 1px; }

html

<button>ボタン</button>
<div id="hoge">セレクタで指定された要素<span id="ko">子要素。まだ指定されていません</span>
</div>

サンプル

セレクタで指定された要素子要素。まだ指定されていません








(C)2012 ホームページ作成無料