前端記錄6（JQ）

• 事件冒泡
  • 即子級的事件能夠傳遞給父級，如子級和父級都有一個點擊事件，會觸發彈窗，此時若是點擊子級不光會觸發本身的彈窗，還會觸發父級的彈窗，若是要阻止冒泡能夠直接用return false
• 事件委託
  • 事件委託就是利用冒泡的原理，把事件加到父級上，經過判斷事件來源的子集，執行相應的操做，事件委託首先能夠極大減小事件綁定次數，提升性能；其次能夠讓新加入的子元素也能夠擁有相同的操做。

  • 寫法：

    $('div').delegate('li', 'click', function() {
    $(this).css({background:'red'});
    });

• Dom操做
  • 建立新標籤
    • var $div = $('<div>'); 建立一個空的div
    • var $div2 = $('<div>這是一個div元素</div>');
  • 移動或者插入標籤的方法
    • append()和appendTo()：在現存元素的內部，從後面放入元素
    • prepend()和prependTo()：在現存元素的內部，從前面放入元素
    • after()和insertAfter()：在現存元素的外部，從後面放入元素
    • before()和insertBefore()：在現存元素的外部，從前面放入元素
  • 刪除標籤
    • $('#div1').remove() 這裏刪除全部該標籤內容，不是隱藏