学习jQuery后的部分总结

Posted 2020-08-17

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）：到浏览器可视区左上角的距离，该值得大小受浏览器缩放和滚动条的影响。