jQuery事件和插件使用

   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨

---

---

jQuery事件

事件处理

on() 绑定事件：

1、on()方法在匹配元素上绑定一个或多个事件的事件处理函数

$('div').on({
   
                mouseenter: function () {
   
                    $(this).css('background', 'blue');
                },
                click: function () {
   
                    $(this).css('background', 'yellow');
                },
                mouseleave: function () {
   
                    $(this).css('background', 'blue');
                }
            });

2、on可以实现事件委托

$('ul').on('click', 'li', function () {
   
                $(this).toggleClass('current');
            });

3、动态创建的元素，click()没有办法绑定事件，on()可以给动态生成的元素绑定事件

4、如果有的事件只想触发一次，可以使用one()来绑定事件。

$('p').one('click',function() {
   
                alert(12356)
            })