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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • append()是受,appendTo()是攻,都是内部插入。 before()和after()是外部插入,一个从前面插,一个从后面插。
    查看全部
  • 把绑定事件的on改成one,被绑定事件的节点比多次点击以后,也只执行一次。 wrapInner()会给符合条件的每一个子孙元素包裹。
    查看全部
  • warpAll(),p标签的包裹方法,是强行把所有p标签包裹在一个div中,并且新增的包裹div是“最底层”p的父元素
    查看全部
  • .unwarp()没有参数,$('p').unwarp(); 多个包裹元素同时被选中,从离被包裹元素最近的一层父元素开始删除。一次删除一个。
    查看全部
  • $body.on('click', function() {})注意on()的用法,JQ中绑定事件方法。
    查看全部
  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • jquery官方文档的解释: 这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • DOM节点删除之empty和remove区别 empty方法 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法 该节点与该节点所包含的所有后代节点将同时被删除 提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • DOM节点删除之remove()的有参用法和无参用法 remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 通过remove方法移除div及其内部所有元素,remove内部会自动操作事件销毁方法,所以使用使用起来非常简单 //通过remove处理 $('.hello').remove() //结果:<div class="hello"><p>慕课网</p></div> 全部被移除 //节点不存在了,同事事件也会被销毁 remove表达式参数: remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点 我们可以通过$()选择一组相同的元素,然后通过remove()传递筛选的规则,从而这样处理 对比右边的代码区域,我们可以通过类似于这样处理 $("p").filter(":contains('3')").remove()
    查看全部
  • DOM节点删除之empty()的基本用法 不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为,根据说明,元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML: <div class="hello"><p>慕课网</p></div> 如果我们通过empty方法移除里面div的所有元素,它只是清空内部的html代码,但是标记仍然留在DOM中 //通过empty处理 $('.hello').empty() //结果:<p>慕课网</p>被移除 <div class="hello"></div> div元素没有被删除
    查看全部
  • prev()是取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合
    查看全部
  • parents是遍历所有的然后成为一个集合再查找其中的,closest是从内到外的第一个祖先级就停止。
    查看全部
  • children是父子关系查找,find是后代关系查找(包含父子关系查找)
    查看全部
  • detach()可作为在页面消失, 但却在内存当中。。
    查看全部
  • .each() 循环遍历每一个DOM元素,每次回调函数执行时,会传递当前循环次数作为参数 从0开始计数 注意:each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素 例:.each(function(index,element){ })
    查看全部

举报

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

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