前端记录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() 这里删除全部该标签内容，不是隐藏