學習jQuery後的部分總結

標籤：opp   原理   app   事件冒泡   span   rtb   turn   div   log   

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）：到瀏覽器可視區左上方的距離，該值得大小受瀏覽器縮放和捲軸的影響。

學習jQuery後的部分總結