copyright

株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

　　　　　横浜、東京に拠点を置き、検証システム／金融・証券のシステム等の構築、開発を行い、
検証ツールの支援と多岐にわたるソリューションを提供します。

jQuery

11-06)　1. 要素セレクターを操作する

ｊQueryで要素セレクターを操作します。
 ｊQueryでは、ＨＴＭＬ（XHTML、ＨＴＭＬ５）の各要素をセレクターで表現し、操作する。

要素セレクター
 XHTMLの要素のセレクター

書式；　$("要素名")

11-06)　2. 要素セレクターを操作の動作確認

　

動作の説明
ボタン【（要素セレクター（赤色）　】（#btn_11061）をクリック（click(function()）すると、
ｊQueryのスクリプト　$("dd").css("color","red");　を実行する。

処理；　要素セレクターの（dd）のcssのcolorプロパティの値を（css("color","red")）変更する。
　　　　　全ての行のテキストが赤くなる。

jQueryの書き方 /*------------------------------------ */
//　11-06) 　要素セレクター
/*------------------------------------ */
//.click()　イベント
$("#btn_11061").click(function(){
　　$("dd").css("color","red");
});
$("#btn_11062").click(function(){
　　$("dd").css("color","blue");
});
$("#btn_11063").click(function(){
　　$("dd").css("color","");
})
ｃｓｓの書き方 ------------------
HTMLの書き方 <dl>
　　<dd>1行目のテキスト（要素セレクターで指定する）</dd>
　　<dd>2行目のテキスト（要素セレクターで指定する）</dd>
　　<dd>3行目のテキスト（要素セレクターで指定する）</dd>
　　<dd>4行目のテキスト（要素セレクターで指定する）</dd>
　　<dd>5行目のテキスト（要素セレクターで指定する）</dd>
</dl>
<button id="btn_11061" class="btnStd_170 Gray">要素セレクター(赤色）</button>　
<button id="btn_11062" class="btnStd_170 Gray">要素セレクター(青色）</button>　
<button id="btn_11063" class="btnStd_170 Gray">要素セレクター(黒色）</button>　

1行目のテキスト（要素セレクターで指定する）
2行目のテキスト（要素セレクターで指定する）
3行目のテキスト（要素セレクターで指定する）
4行目のテキスト（要素セレクターで指定する）
5行目のテキスト（要素セレクターで指定する）