jquery中有綁定事件與解綁事件兩大方式,下面就來簡單的介紹一下jquery中幾種常用的綁定事件的方式,與幾種jq綁事件的方式。

jquery幾種常用的綁定事件的方法

1、直接引用方法綁定

例:

<script>
//直接使用 click() 方法    
$(".box").click(function () {
    console.log(1);
});
</script>

注意:這種直接調用方法的事件,是無法進行解綁的

2、bind()方式綁定,但在 jq 新版本中被 on 綁定代替了。

例:

<script>
$(".box").bind("click", function () {
    console.log(1);
});
</script>

注意:

(1)、這種可以通過 unbind() 進行解綁操作

(2)、在小 1.7版本的JQ中才能使用 bind() 方法,高于1.7版本的 JQ 請使用 on() 方法

3、on()方式綁定,是由老版本 JQ 中的 bind() 方法的替代品

例:

<script>
$(".box").on("click", function () {
    console.log(1);
});
</script>

注意:

国产视频app(1)、這種可以通過 off() 方法進行解綁操作

(2)、從JQ 1.7版本后,才能使用 on() 方法

4、one() 綁定:一次性事件

例:

<script>
$(".box").one(function() {
    console.log("飛鳥慕魚博客");
});
</script>

国产视频app注:one()不能刪除,事件觸發一次后會自動刪除

5、hover() 鼠標的移入事件

例:

<script>
$(".box").hover(function () {
    console.log("鼠標移入");
}, function () {
    console.log("鼠標移出")
});
</script>

jquery解綁事件的方法

1、unbind() 方法移除事件

unbind():移除被選擇事件的處理程序

例:

<script>
$("button").click(function () {
    $("p").unbind();
});
</script>

2、off() 方法

off():通常用于移除通過 on() 方法添加的事件處理程序。

例:

<script>
$("button").click(function () {
    $("p").off("click");
});
</script>

国产视频app注:自 jq 1.7 版本起,off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。