繫結事件bind()
阿新 • • 發佈:2018-12-13
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>