美文网首页Python程序员
事件冒泡、委托、节点

事件冒泡、委托、节点

作者: 叫我老村长 | 来源:发表于2018-07-25 23:56 被阅读2次

自定义事件

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 上一个 非洲景色里面

内联元素没有宽高

相关文章

  • jquery 事件冒泡

    弹框组织冒泡 事件委托 节点

  • 事件冒泡 委托 节点 ajax jsonp

    事件冒泡 事件委托 节点操作 ajax ajax jQuery-jsonp

  • 事件冒泡、委托、节点

    自定义事件 trigger 按钮二执行按钮一事件 冒泡 子元素事件传递到父元素 这就是时间冒泡 父元素要是有就会有...

  • 事件冒泡、委托、节点

    自定义事件 trigger 按钮二执行按钮一事件 冒泡 子元素事件传递到父元素 这就是时间冒泡 父元...

  • 原生 JS 实现事件委托

    什么是事件委托 事件委托是利用事件的冒泡原理来实现的,何为事件冒泡呢?就是事件从最深的节点开始,然后逐步向上传播事...

  • 前端(十七)

    事件冒泡 鼠标移入移出 input框事件 jQuery其他事件 绑定事件bind 自定义事件 事件委托 节点操作

  • 事件冒泡,阻止冒泡,事件委托,节点操作

    //事件冒泡 $(function () { $('.grandfather').click(function...

  • 事件委托

    ------------------事件委托----------------- 事件: 事件委托: 原理: 冒泡 ...

  • 事件委托

    事件委托是通过事件冒泡的原理,利用父级给子级添加事件。事件委托的好处是不需要去遍历元素的子节点,只需要给父节点添加...

  • JS事件代理的理解

    事件代理的原理? 事件委托是利用事件的冒泡原理来实现的,何为事件冒泡呢?就是事件从最深的节点开始,然后逐步向上传播...

网友评论

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

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