为了账号安全,请及时绑定邮箱和手机立即绑定
  • B22
    • clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容,如右边代码我 $(this).clone().css('color','red') 增加了一个颜色
    • 通过传递true,将所有绑定在原始元素上的事件处理函数复制到克隆元素上
    • clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据
    • 元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。深复制的所有数据,需要手动复制每一个
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2020-04-26

  • B22

    remove移除节点

    • 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据
    • 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据

    detach移除节点

    • 移除的处理与remove一致
    • 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来
    • 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又
    查看全部
  • B22

    来看看jquery官方文档的解释:

    这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。
    $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • B22

    empty方法

    • 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点
    • empty不能删除自己本身这个节点

    remove方法

    • 该节点与该节点所包含的所有后代节点将同时被删除
    • 提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • B22

    如果我们通过empty方法移除里面div的所有元素,它只是清空内部的html代码,但是标记仍然留在DOM中

    查看全部
  • B22

    prepend与prependTo的使用及区别:

    • .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()).
    • .prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同
    • 对于.prepend() 而言,选择器表达式写在方法的前面,作为待插入内容的容器,将要被插入的内容作为方法的参数
    • 而.prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。
    查看全部
  • B22
    • before与after都是用来对相对选中元素外部增加相邻的兄弟节点
    • 2个方法都是都可以接收HTML字符串,DOM 元素,元素数组,或者jQuery对象,用来插入到集合中每个匹配元素的前面或者后面
    • 2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码
    查看全部
  • B22

     append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。

    appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

    查看全部
  • 重点:detach不会清除事件,remove会清除事件

    当点击remove的时候会清掉第一个p标签,然后在下方添加一个p标签,因为remove会清除掉p标签点击事件,点击p标签的时候是没有点击事件的

    当点击detach的时候也是会清掉第一个p标签,然后在下方添加一个p标签,因为detach不会清掉p标签点击事件,点击p标签的时候是有事件的

    如果你点了两次remove按钮,那么会在下方添加两个不保留事件的p标签,如果再次点击detach的时候会默认找第一个p标签,因为append是顺序插入,也就是remove删除的第第一个,因为已经没有了事件,所以点击后添加的p标签是没有事件的


    查看全部
  • .find()方法 

    find查找范围包括子节点的所有后代节点

    括号内容内必须有参数,且参数表示所查找的html标签

    find可查找 所选择范围内的任意一个标签。

    查看全部
  • 使用 children()的方法只能查找 子元素, 对于祖辈关系找不到

    查看全部
  • 合集中的元素内部所有的子元素用其他元素包裹起来,并当作指定元素的子元素,针对这样的处理,JQuery提供了一个wrapInner方法

    查看全部
  • clone()方法是jQuery扩展的,!!!只能处理通过jQuery绑定的事件与数据!!!

    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2020-03-29

  • 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。

    clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了

    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2020-03-29

  • detach方法是JQuery特有的,它只能处理通过 JQUERY的方法绑定的事件或数据。

    empty方法是删除数据和内容;

    detach是删除节点,留下数据和内容

    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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