为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础(二)—DOM篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • detach()和remove()区别 JQuery是一个很大强的工具库,在工作中开发中,可是有些方法还是因为不常用到,或是没有注意到而被我们而忽略。 remove()和detach()可能就是其中的一个,可能remove()我们用得比较多,而detach()就可能会很少了 通过一张对比表来解释2个方法之间的不同 方法名 参数 事件及数据是否也被移除 元素自身是否被移除 remove 支持选择器表达 是 是(无参数时),有参数时要根据参数所涉及的范围 detach 参数同remove 否 情况同remove remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。 具体可以参考右边的代码区域的对比
    查看全部
  • empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,用来指定删除选中合集中的元素
    查看全部
  • remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点; remove()删除节点的同时删除相应的元素及其绑定事件,可以防止“内存泄漏”的问题。
    查看全部
  • 通过empty方法移除里面div的所有元素,它只是清空内部的html代码,但是标记仍然留在DOM中
    查看全部
  • (index%2)==0 1 index%2的结果只有两个,即 0 和 1 if(0) // false 不执行 if (1) // true 执行 blue
    查看全部
  • sibings找到的是所有的同辈元素,而不是相邻的前后同辈
    查看全部
  • target属性用于返回最初触发事件的DOM元素。在HTML文档中,我们为<p>元素绑定点击事件("click"),由于DOM元素的事件冒泡机制,我们点击<p>元素就可以触发<p>元素上绑定的click事件。target属性就用于返回最初触发事件的DOM元素,也就是本例中的<p>元素。(currentTarget属性始终返回的都是该<p>元素)
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • 遍历方法:filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。 (":contains('3')"):内容筛选选择器
    查看全部
  • children():向下找儿子 parent():向上找爸爸 parents():向上找祖宗 find():向下查找后代
    查看全部
  • $(...)
    查看全部
  • jQuery是一个合集对象,如果想快速查找DOM树中的这些元素的后代元素,此时可以用find()方法,这也是开发使用频率很高的方法。这里要注意 children与find方法的区别,children是父子关系查找,find是后代关系(包含父子关系)
    查看全部
  • empty:相当于清空箱子里的东西; remove:相当于销毁整个箱子包括里面的东西。
    查看全部
  • 通过empty移除了当前div元素下的所有p元素 但是本身id=test的div元素没有被删除
    查看全部
  • jQuery:on()绑定事件 off()移除事件 JavaScript:addEventListener()绑定
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的语法 2、jQuery节点操作
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!