bind(events)

解説

マッチした要素に、指定されたオブジェクトのイベントハンドラをバインドします。
複数のイベントハンドラを一度にバインドすることができます。

イベントハンドラのバインドの詳細については、bind(type, [data], fn)を参照してください。

引数

• events
  Object: バインドするイベントハンドラを含むオブジェクト

戻り値

• jQuery: jQueryオブジェクト

関連

• bind(type, [data], fn)
• trigger(type, [data])
• unbind([type], [fn])
• イベントオブジェクト
• カスタムイベントの例



例

例1:click 、mouseover 、mouseout イベントハンドラを含むハッシュを指定し、一度にバインドします。
click イベントでテキストをアラート表示、mouseover イベントでテキストを青色の太字に、mouseout イベントでテキストを元に戻します。

$("#test_1 li").bind({
    "click": function(event) {
        window.alert($(this).text());
    },
    "mouseover": function(event) {
        $(this).css({"color": "blue", "font-weight": "bold"});
    },
    "mouseout": function(event) {
        $(this).css({"color": "black", "font-weight": "normal"});
    }
});




例1

• jQuery
• prototype.js
• Ext
• script.aculo.us
• YUI


ページトップヘ


Events
イベントオブジェクト
bind(type, [data], fn)
bind(events)
blur()
blur(fn)
change()
change(fn)
click()
click(fn)
dblclick()
dblclick(fn)
delegate(selector, eventType, [eventData], handler)
die(eventType, [handler])
error()
error(fn)
jQuery.Event(src)
focus()
focus(fn)
focusin(fn)
focusout(fn)
hover(over, out)
keydown()
keydown(fn)
keypress()
keypress(fn)
keyup()
keyup(fn)
live(eventType, [eventData], handler)
load(fn)
mousedown(fn)
mouseenter(fn)
mouseleave(fn)
mousemove(fn)
mouseout(fn)
mouseover(fn)
mouseup(fn)
one(type, [data], fn)
ready(fn)
resize(fn)
scroll(fn)
select()
select(fn)
submit()
submit(fn)
toggle(fn, fn2, [fn3, fn4,...])
trigger(type, [data])
triggerHandler(type, [data])
unbind([type], [fn])
undelegate(selector, eventType, [handler])
unload(fn)




ページトップヘ