綁定事件:bind()、on()、live()、delegate()、keyup();
觸發事件:trigger( 'keyup')、keyup();
解綁事件:unbind()、off()、die()、undelegate();
符合事件:hover() 、toggle();
事件綁定:bind();
一、綁定事件
#JQuery綁定事件,除bing()
方法之外,還有on()
、live()
、one( )
等
事件的綁定方法。
綁定事件分類:
(a) 綁定單一事件
$("#btn").bind("click",function(){ //代码块 console.log(123); });
(b) 同時綁定多個事件
$("#btn").bind({ mouseover:function(){ $(this).css("background","red"); console.log("代码块1"); }, mouseout:function(){ console.log("代码块2"); }, click:function(){ console.log("点击事件"); } });
JQuery中的bind()、live()、delegate()事件方法的區別,請查閱:
http://www.php100.com/html/program/jquery/2013/0905/5993. html
二、移除事件
(a)使用unbind() 方法移除事件
$("button").click(function(){ $("p").unbind(); });
三、JQuery動畫
#在Jquery 中,提供了一系列顯示動畫效果的方法,其中,
show()
——— 方法控制元素的顯示;
hide()
— ——-方法控制元素的顯示;
toggle()
——-方法切換元素的可見光狀態;
fadeIn()
——-方法淡入;
fadeOut()
——方法淡出;
slideUp()
——方法實作元素的縮略
slideDown()
—方法實作元素的展開
綁定事件:bind()、on()、live()、delegate()、keyup();
觸發事件:trigger('keyup')、keyup();
解綁事件:unbind()、off()、die()、undelegate();
符合事件:hover() 、toggle ();
事件綁定:bind();
JQuery綁定事件,除bing() 方法之外,還有
on()、live()、
one ()等
事件的綁定方法。綁定事件分類:
$("#btn").bind("click",function(){ //代码块 console.log(123); });
$("#btn").bind({ mouseover:function(){ $(this).css("background","red"); console.log("代码块1"); }, mouseout:function(){ console.log("代码块2"); }, click:function(){ console.log("点击事件"); } });
JQuery中的bind()、live()、delegate()事件方法的區別,請查閱:
http://www.php100.com/html/program/jquery/2013/0905/5993. html二、移除事件
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="prettyprint"> $("button").click(function(){
$("p").unbind();
});</pre><div class="contentsignin">登入後複製</div></div><div class="contentsignin">登入後複製</div></div>三、JQuery動畫<li><p>在Jquery 中,提供了一系列顯示動畫效果的方法,其中,<code>
——— 方法控制元素的顯示;
———-方法控制元素的顯示;
以上是JQuery綁定事件與移除事件、動畫的詳細內容。更多資訊請關注PHP中文網其他相關文章!