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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • <table><colgroup><col /><col /></colgroup><tbody><tr class="firstRow"><td>选择器</td><td>描述</td></tr><tr><td>append(content)</td><td>向每个匹配的元素内部追加内容</td></tr><tr><td>appendTo(content)</td><td>把所有匹配到的元素追加到另一个指定的元素集合中</td></tr><tr><td>.after(content)</td><td>在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点</td></tr><tr><td>.before(content)</td><td>据参数设定,在匹配元素的前面插入内容</td></tr><tr><td>prepend()</td><td>向每个匹配的元素内部前置内容</td></tr><tr><td>prependTo()</td><td>把所有匹配到的内容前置到另一个指定的元素集合中</td></tr></tbody></table><p><br /></p>
    查看全部
  • .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同

    append()前面是被插入的对象,后面是要在对象内插入的元素内容
    appendTo()前面是要插入的元素内容,而后面是被插入的对象


    查看全部
    • 创建元素:document.createElement

    • 设置属性:setAttribute

    • 添加文本:innerHTML

    • 加入文档:appendChild


    查看全部
  • empty方法

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

    • empty不能删除自己本身这个节点

    remove方法

    • 该节点与该节点所包含的所有后代节点将同时被删除

    • 提供传递一个筛选的表达式,删除指定合集中的元素


    查看全部
  • prepend 向每个匹配的元素内部前置内容

    prependTo 把所有的元素前知道另外一个指定的元素集合中

    append()向每个匹配的元素内部追加内容

    prepend()向每个匹配的元素内部前置内容

    appendTo()把所有匹配的元素追加到另一个指定元素的集合中

    prependTo()把所有匹配的元素前置到另一个指定的元素集合中


    查看全部
  • 节点与节点之前有各种关系,出了父子,祖辈关系,还可以是兄弟关系。.after(content) 在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点  .before(content)据参数设定,在匹配元素前面插入内容

    查看全部
  • DOM内部插入append()与appendTo()


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

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


    查看全部
  • prev 前面的一个同辈 next 后面的一个同辈
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合
    查看全部
  • 选择器表达式对于 .find() 是必需的参数
    查看全部
  • 选择器表达式对于 .find() 是必需的参数
    查看全部
  • clone处理一 $("div").clone() //只克隆了结构,事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆 .replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点
    查看全部
  • clone处理一 $("div").clone() //只克隆了结构,事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆 深度复制的话 每一个数据都要手动复制
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-09-30

  • $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。 empty 清空节点的数据跟事件 remove 该节点的一切包括后代都消除
    查看全部
  • $("div").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。 empty 清空节点的数据跟事件
    查看全部

举报

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

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