THE HAM MEDIA BLOG

jQueryメモ:bindとtriggerを勉強中

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
bind
Trigger

bindとtriggerを勉強

jQueryのbindやtriggerを勉強しようと思い、とりあえず作ってみたサンプルを書いておく。まだ勉強途中。



サンプル

■サンプルHTML

<p><button id="test1">デモ1</button><button id="test2">デモ2</button></p>
<p id="test3">サンプル</p>

■サンプルスクリプト

$('#test1').bind('click',function(e,color,text){
	$('#test3').text(text||"青色になります").css('color',color||'#0000ff');
});
$('#test2').click(function(){
	$('#test1').trigger('click',['#ff0000','赤色になります']);
});

■サンプルデモ

サンプル

今日はサンプルと、参考サイトとのにらめっこで終わり。もう少し勉強してみます。

デモ1の場合は青色のテキストになって、デモ2の場合は赤色になるサンプル。デモ1はbindを使っていて、デモ2はtriggerを使っている。triggerで指定した値をデモ1のclickイベントに渡すことによって赤色になる仕組みです。デモ1のクリックでは、値がわたってこないので、もともとスクリプトに入れていたテキストと色が表示される。と、今日はここまででおしまい。

引き続き勉強

1日に勉強できる時間が限られるので、しばらくはこの勉強が続く…かもしれない。



この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。