事件冒泡、委托、节点

自定义事件

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

内联元素没有宽高

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,715评论 1 11
  • 以前听老师讲解事件冒泡和事件捕获机制的时候跟听天书一样,只依稀记得IE使用的是事件冒泡,其他浏览器则是事件捕获。当...
    web蜗牛阅读 2,683评论 0 1
  • jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有...
    1263536889阅读 399评论 0 1
  • 自定义事件 自定义事件只能用bind方式绑定,第一个参数是事件的名字,第二个参数是事件发生时执行的函数 要触发自定...
    糖炒栗子_01c5阅读 215评论 0 0
  • 佛家 ,喜欢讲轮回,相信因果。前世今生和来世,都有着千丝万缕的联系。 暂且不论自己没有印象的事情。 从有记忆的时候...
    平凡启示录阅读 315评论 0 0

友情链接更多精彩内容