1. 程式人生 > >繫結事件bind()

繫結事件bind()

bind()方法來對匹配元素進行特定事件的繫結bind(type,[data], fn);
第1 個引數是事件型別,型別包括: blur、focus 、load 、click、mousedown 、mouseup 、mouseover 、mouseout 、change 、select、submit 等。
第2 個引數為可選引數,作為event.data 屬性值傳遞給事件物件的額外資料物件。
第3 個引數則是用來繫結的處理函式。
unbind()方法為元素取消事件繫結,$(selctor).unbind([type],[data]);

可以為任何元素繫結事件如下:
$(selector).click(function) 觸發或將函式繫結到被選元素的點選事件 $(selector).focus(function) 觸發或將函式繫結到被選元素的獲得焦點事件
$(selector). blur(function) 觸發或將函式繫結到被選元素的失去焦點事件
$(selector).mouseover(function) 觸發或將函式繫結到被選元素的滑鼠懸停事件

 <script>
    $(document).ready(function () {
    	//繫結單擊事件,改變字型顏色
    	$("#btn1").bind("click",function(){
    		alert("事件繫結");
    	});
    	$("#btn2").bind("click",function(){
    		$("p:first").css("color","#FF0000");
    	});
    	//滑鼠移入移出事件
    	$("#p1").mouseover(function(){
    		$(this).css({"color":"blue","border":"1px solid black"});
    	}).mouseout(function(){
    		$(this).css({"color":"red","border":"1px solid blue"});
    	});
    	//change事件 onchange
    	$("#userName").change(function(){
    		$(this).css("border","1px solid red").click(function(){
    			alert($(this).val());
    		});
    	});
    });
</script>