美文网首页
事件冒泡、委托、节点

事件冒泡、委托、节点

作者: YU不忘初心 | 来源:发表于2018-08-30 18:38 被阅读0次

    自定义事件

    trigger 按钮二执行按钮一事件

    冒泡

    子元素事件传递到父元素 这就是时间冒泡 父元素要是有就会有问题。

    阻止冒泡 stopPropageation

    contextmenu return false;合并阻止
    prevebDefault return false;合并阻止
    阻止右键

    委托事件

    事件冒泡做委托事件。
    新加入子元素有相同功能
    子元素 li多的时候
    delegate()
    undelegate()取消all委托

    事件委托也叫代理模式

    节点操作

    子元素 的往前添加后面添加
    兄弟元素 的往前添加后面添加

    插入节点
    1、append()和appendTo():在现存元素的内部,从后面插入元素
    append
    appendto

    var span =('<span>这是一个span元素</span>');
    ('#div1').append(span);
    ......
    <div id="div1"></div>

    2、prepend()和prependTo():在现存元素的内部,从前面插入元素
    擦到前面子元素
    prepend
    prependto

    3、after()和insertAfter():在现存元素的外部,从后面插入元素

    4、before()和insertBefore():在现存元素的外部,从前面插入元素

    删除节点
    remove 删除
    $('#div1').remove();

    计划列表
    动态网里面加入内容
    prev 上一个 非洲景色里面

    内联元素没有宽高

    相关文章

      网友评论

          本文标题:事件冒泡、委托、节点

          本文链接:https://www.haomeiwen.com/subject/mlvdwftx.html