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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
最热 最新
  • 上身走马
    .append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象
    查看全部
    0 采集 收起 来源：DOM内部插入append()与appendTo()

    2016-10-16

  • 上身走马
    流程中涉及的一点方法： 创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild
    查看全部
    0 采集 收起 来源：DOM创建节点及节点属性

    2016-10-16

  • 上身走马
    如果没有设置multiple="multiple"这个属性的话， 如 <select id="single"> <option>慕课网</option> <option>博客园</option> </select> 此时 <option>慕课网</option>与 <option>博客园</option>都没有设置selected属性 ， 当前值默认是第一个，所以会是 慕课网 当是 <select id="single"> <option>慕课网</option> <option selected=“selected”>博客园</option> </select> 时： 取到的是 博客园 也就是说： 没有设置 <select id="multiple" multiple="multiple">中的multiple="multiple" 属性情况下 取到的是 当前值。 如果有设置multiple="multiple"这个属性的话， 如： <select id="multiple" multiple="multiple"> <option selected="selected">imocc</option> <option>慕课网</option> <option selected="selected">博客园</option> </select> 此时返回的是数组，里边是选中的标签 [<option selected="selected">imocc</option>,<option selected="selected">博客园</option>] 如果 虽然设置了 multiple="multiple"> 属性，但是 <option selected="selected">imocc</option> <option>慕课网</option> <option selected="selected">博客园</option> 都没有设置 selected="selected" 选中的话，返回null
    查看全部
    0 采集 收起 来源：DOM创建节点及节点属性

    2018-03-22

  • qq_慕斯_2
    remove()可传递一个选择器表达式用来过滤将被移除的元素合集。$("p").remove(":contains('3')")即找到所有的p元素移除掉第三条。
    查看全部
    0 采集 收起 来源：DOM节点删除之remove()的有参用法和无参用法

    2018-03-22

  • qq_慕斯_2
    remove()会将本身也移除掉，包括其本身下绑定的事件。
    查看全部
    0 采集 收起 来源：DOM节点删除之remove()的有参用法和无参用法

    2016-10-15

  • qq_慕斯_2
    empty()移除的是子元素而非包括其本身
    查看全部
    0 采集 收起 来源：DOM节点删除之empty()的基本用法

    2016-10-15

  • qq_慕斯_2
    before和insertBefore、after和insertAfter区别在与内容和目标的位置刚好相反
    查看全部
    0 采集 收起 来源：DOM外部插入insertAfter()与insertBefore()

    2016-10-15

  • 墨小漓
    三种删除节点方法辨析empty remove detach 1、 empty()方法不能删除自己，而是删除后代元素。其次，从严格意义上来说，并不是删除节点，而是清空html中的节点，它能清空元素中的所有后代节点。但是DOM树中还保存有清空的节点的信息。其实detach也一样。 2、detach()和remove()一样，也是从DOM中去掉所有匹配的元素。但需要注意的是，这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据都会保留下来。还可以使用append方法添加回来。 3、empty（）方法和detach（）方法的区别就是empty不删除本身，detach（）方法删除本身。
    查看全部
    0 采集 收起 来源：DOM节点删除之保留数据的删除操作detach()

    2016-10-15

  • 墨小漓
    :contains(text)选择器， 它的功能是选择包含指定字符串的全部元素，它通常与其他元素结合使用，获取包含“text”字符串内容的全部元素对象。
    查看全部
    0 采集 收起 来源：DOM节点删除之remove()的有参用法和无参用法

    2016-10-15

  • 墨小漓
    通过empty移除了当前div元素下的所有p元素 但是本身id=test的div元素没有被删除 移除的元素并不在文档中，但还是在DOM树中（API动态链接库/存放在内存里）。
    查看全部
    0 采集 收起 来源：DOM节点删除之empty()的基本用法

    2016-10-15

  • 墨小漓
    before、after与insertBefore、insertAfter 1、四个function都是插入兄弟节点。 2、before和insertbefore功能相同，after和insertbefore功能相同。 3、方法的区别主要是参照节点的位置不同，具体如下。 referNode.before(brotherNode); referNode.after(brotherNode) insertBefore/insertAfter与他们相反。 助记：3 days before。insert to 4、多了insert的方法失去了多参数处理功能
    查看全部
    0 采集 收起 来源：DOM外部插入insertAfter()与insertBefore()

    2016-10-15

  • 墨小漓
    append是给父元素内部后置子节点 append(childNode)前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo(parentNode)前面是要插入的元素内容，而后面是被插入的对象 prepend是给父元素内部前置子节点。 .prepend(childNode)和.prependTo(parentNode)
    查看全部
    0 采集 收起 来源：DOM内部插入prepend()与prependTo()

    2016-10-15

  • 墨小漓
    before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2个方法都是都可以接收HTML字符串，DOM 元素，元素数组，或者jQuery对象，用来插入到集合中每个匹配元素的前面或者后面 2个方法都支持多个参数传递after(div1,div2,....) 可以参考右边案例代码
    查看全部
    0 采集 收起 来源：DOM外部插入after()与before()

    2016-10-15

  • 慕斯7761268
    粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了 起始位置不同：.closest开始于当前元素 .parents开始于父元素 遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
    0 采集 收起 来源：jQuery遍历之closest()方法

    2016-10-15

  • 墨小漓
    append(childNode)前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo(parentNode)前面是要插入的元素内容，而后面是被插入的对象
    查看全部
    0 采集 收起 来源：DOM内部插入append()与appendTo()

    2016-10-15

首页上一页291292293294295296297下一页尾页

举报

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

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

查看已购买的课程