本文共 1719 字，大约阅读时间需要 5 分钟。

一、鼠标事件

鼠标事件请参考我的博客此处不多做解释

二，阻止表单提交行为

在现实开发中，遇到表单提交或者账号注册类开发时，为了防止一些人恶意向我们服务器提交无效数据，我们就需要提前检测出数据是否有效，如果属于无效数据，就得阻止表单的向数据库提交信息，这样就可以防止无效信息对我们数据库造成的危害。

$(function () {
                   $('.form').submit(function () {
                       return false;                })            })

还有另外一种写法：

$('.form').submit(function (event) {
                      event.preventDefault();                })            })

三、事件冒泡

关于事件冒泡请参考我的博客此处不多做解释

四、事件委托

1.什么是事件委托

事件委托的另一个名字叫做事件代理，事件委托就是利用事件冒泡的原理，只指定一个事件处理程序，就可以管理一类所有的事件。举一个例子来说明事件委托的意义。

取快递

有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），前台MM也会在收到寄给新员工的快递后核实并代为签收。

这个例子里面有两层意思：

2.事件委托语法

$(selector).delegate(childSelector,event,function) ```
**childSelector:**必需参数，规定要添加事件处理程序的一个或多个子元素。
**event:**必需参数，规定添加到元素的一个或多个事件，由空格分隔多个事件值。必须是有效的事件。
**function:**   必需参数。规定当事件发生时运行的函数。
**注意：由于事件委托也是基于事件冒泡原理的，在进行事件委托设计过程中，还是要考虑到事件冒泡的影响，及时的阻止事件冒泡**
   
## 无、节点操作 ##一句话，节点就是标签！
   

//在box内部添加        //在box里面的后面添加一个标签          $box.append($div2);          $div2.appendTo($box);        //在box里面的前面添加一个标签          $box.prepend($div2);          $div2.prependTo($box);        //外部添加        // 在box的外部的前面添加一个标签         $box.before($div2);         $div2.insertBefore($box);        在box的外部的后面添加一个标签        $box.after($div2);        $div2.insertAfter($box);       //remove()删除节点 删除标签        $div2.remove();        $box.remove();        document.body.remove();

“`

转载地址：https://blog.csdn.net/weixin_40612082/article/details/80472748 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！