绑定事件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>