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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • (A).after(B,C); //紧接着A元素后面追加兄弟元素B,C------支持多参数,追加B,C (A).before(B,C); //紧接着A元素前面追加兄弟元素B,C------支持多参数,追加B,C (B,C).insertBefore(A); //紧接着A元素前面追加兄弟元素B,C------不支持多参数,追加第一个参数B (B,C).insertAfter(A); //紧接着A元素后面追加兄弟元素B,C------不支持多参数,追加第一个参数B (A).append(B,C); //在A的最后追加一个子元素B和C------支持多参数,追加B,C (B,C).appendTo(A); //把B作为子元素追加在A的最后------不支持多参数,追加第一个参数B (A).prepend(B,C); //向A内部前置子元素B,C------支持多参数,前置B,C (B,C)prependTo(A); //把B作为子元素前置到A内部------不支持多参数,前置第一个参数B
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • 动态创建元素节点
    查看全部
  • jquery中选择器$()选类是用单引号,选id时用双引号
    查看全部
  • (A).after(B,C); //紧接着A元素后面追加兄弟元素B,C------支持多参数,追加B,C (B,C).insertAfter(A); //把B作为兄弟元素追加在A的最后------不支持多参数,追加第一个参数B (A).before(B,C); //紧接着A元素前面插入兄弟元素B,C------支持多参数,追加B,C (B,C).insertBefore(A); //把B作为兄弟元素插入在A的前面------不支持多参数,插入第一个参数B (A).append(B,C); //在A的最后追加一个子元素B和C------支持多参数,追加B,C (B,C).appendTo(A); //把B作为子元素追加在A的最后------不支持多参数,追加第一个参数B (A).prepend(B,C); //向A内部前置子元素B,C------支持多参数,前置B,C (B,C)prependTo(A); //把B作为子元素前置到A内部------不支持多参数,前置第一个参数B
    查看全部
  • clone(true)克隆结构时间数据 clone()只克隆结构
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2017-04-14

  • remove:移除节点 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据 detach:移除节点 移除的处理与remove一致 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。
    查看全部
  • $("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove(); 都是移除有“3”的p元素
    查看全部
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介绍一下如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容,相信本文介绍一定会让你有所收获。 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素、属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild 如右边代码所示,写一个最简单的元素创建,我们会发现几个问题: 每一个元素节点都必须单独创建 节点是属性需要单独设置,而且设置的接口不是很统一 添加到指定的元素位置不灵活 最后还有一个最重要的:浏览器兼容问题处理 针对这一系列的DOM操作的问题,jQuery给出了一套非常完美的接口方法,我们之后就开始深入学习
    查看全部
  • 记忆
    查看全部
  • each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素
    查看全部
  • add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部
  • 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • //最后一个就是所有合集的最后一个,而不是每个class=item-3
    查看全部

举报

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

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