JQuery バインディング イベント、削除イベント、アニメーション

イベント

のバインディング：bind()、on()、live()、delegate()、keyup(); イベントのトリガー：trigger('keyup')、keyup(); イベントのバインド解除：unbind( )、off()、die()、undelegate();
準拠イベント: hover()、toggle();

---

1. バインディングイベント

JQuery

バインディング イベントには、bing() メソッドに加えて、on()、live()、 もあります。 one()

などのイベントのバインディング メソッド。 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 中，提供了一系列显示动画效果的方法，其中，

1. show() ——— 方法控制元素的显示；

2. hide() ———-方法控制元素的显示；

3. toggle() ——-方法切换元素的可见状态；

4. fadeIn() ——-方法淡入；

5. fadeOut() ——方法淡出；

6. slideUp()——方法实现元素的收缩

7. slideDown()—方法实现元素的展开

---

绑定事件：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 中，提供了一系列显示动画效果的方法，其中，

1. show() ——— 方法控制元素的显示；

2. hide() ———-方法控制元素的显示；

3. toggle() ——-方法切换元素的可见状态；

4. fadeIn() ——-方法淡入；

5. fadeOut() ——方法淡出；

6. slideUp()——方法实现元素的收缩

7. slideDown()バインディングイベント分類:

(a) 単一イベントのバインド

---

rrreee🎜 (b) 同時に複数のイベントをバインド 🎜rrreee🎜 JQuery の binding()、live()、delegate() イベント メソッド違いがあるので、確認してください: 🎜http://www.php100.com/html/program/jquery/2013/0905/5993.html🎜🎜🎜🎜🎜 2. イベントの削除🎜🎜🎜🎜🎜 (a) unbind() メソッドを使用してイベント🎜🎜rrreee🎜🎜を削除します3. JQueryアニメーション🎜🎜🎜🎜 Jquery では、アニメーション効果を表示するための一連のメソッドが提供されています。その中には、🎜

1. 🎜show() ——— メソッドは要素の表示を制御します 🎜🎜
2. 🎜hide() — ——- 要素の表示を制御するメソッド 🎜🎜
3. 🎜toggle() ——- 要素の表示を切り替えるメソッドステータス 🎜; 🎜🎜
4. 🎜fadeIn() ——-メソッド フェードイン; 🎜🎜
5. 🎜fadeOut () —— フェードアウトするメソッド🎜🎜
6. 🎜slideUp()—— 要素の縮小を実現するメソッド🎜🎜
7. 🎜slideDown() ——要素の展開を実現するメソッド🎜🎜 🎜🎜
   🎜バインディングイベント：bind(), on(), live(), delegate(), keyup();イベント:trigger('keyup')、keyup(); 🎜バインド解除イベント:unbind()、off()、die()、undelegate(); 🎜準拠イベント:hover()、toggle(); (); 🎜🎜🎜🎜🎜🎜🎜🎜🎜 1. バインディング イベント🎜🎜🎜 JQuery バインディング イベントには、bing() メソッドの他に、on( )、live()、one()、およびその他の 🎜 イベント バインディング メソッド。 🎜🎜🎜バインディングイベント分類: 🎜🎜🎜 (a) 単一イベントのバインド 🎜rrreee🎜 (b) 同時に複数のイベントをバインド 🎜rrreee🎜 JQuery の binding()、live()、delegate() イベント メソッド違いがあるので、確認してください: 🎜http://www.php100.com/html/program/jquery/2013/0905/5993.html🎜🎜🎜🎜🎜 2. イベントを削除します 🎜🎜🎜🎜 (a) unbind() メソッドを使用しますイベントを削除します🎜🎜rrreee🎜🎜3. JQuery アニメーション🎜🎜🎜 JQuery では、アニメーション効果を表示するための一連のメソッドが提供されています。その中には、🎜
   1. 🎜show() ——— メソッドは要素の表示を制御します。 🎜🎜
   2. 🎜hide() ——— メソッドは要素の表示を制御します。 toggle() ——-要素の表示状態を切り替えるメソッド 🎜🎜
   3. 🎜fadeIn() ——- フェードインするメソッド 🎜🎜🎜fadeOut() - フェードアウトするメソッド 🎜🎜
   4. 🎜slideUp() - 要素を縮小するメソッド 🎜🎜
   5. 🎜slideDown () code>—要素の展開を実装するメソッド🎜🎜🎜🎜

以上がJQuery バインディング イベント、削除イベント、アニメーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。