学习jQuery后的部分总结

1.remove和empty

<div id="div1">
    <ul id="ul1">
        <li>嘿嘿</li>
    </ul>
</div>

$('#div1').empty(); 调用empty方法时,只是将div中的子元素全部清除,div仍保留在文档中;

$('#div1').remove();调用remove方法时,则是将整个div元素移除(包括自身),则div和div内部的所有的元素全部在文档中移除。

2.插入节点的8种方法的区别

向指定元素的内部插入节点:append, appendTo, prepend, prependTo。

向指定元素的外部插入节点:after, insertAfter, before, insertBefore。

3.四种事件绑定的方法

bind, on, live, delegate,对应的解除监听的函数分别是unbind、die、undelegate、off。

4.事件委托的优点

利用了事件冒泡的原理。

①给后续动态生成的元素自动添加事件。

②事件绑定在一个元素上,委托给多个元素,改善了程序的性能。

5.

阻止冒泡:event.stopPropagation

阻止默认:prevenDefault

阻止冒泡和默认:return false

6.鼠标的坐标值

e.screenX(Y):到电脑屏幕左上角的距离,该值的大小无视浏览器的缩放和滚动条。

e.pageX(Y):到文档左上角的距离,该值的大小受浏览器缩放影响,不受滚动条的影响。

e.clientX(Y):到浏览器可视区左上角的距离,该值得大小受浏览器缩放和滚动条的影响。

原文地址:https://www.cnblogs.com/hcy1996/p/6023356.html