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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .append()向每个匹配的元素内部追加内容

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

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

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

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

    设置属性:setAttribute

    添加文本:innerHTML

    加入文档:appendChild

    查看全部
  • $("li.item-1").next().css("border","1px solid red");

    因为是所有class=item-2的li,所以$("li.item-1").next()就是。

    查看全部
  • $("p").remove(":contains('3')")
    $("p").filter(":contains('3')").remove();
    $("p:contains('3')").remove();

    三种处理方式,但是结果是一样的

    查看全部
  • 这节:
    .wrapInner 加个儿子
    之前的:

    .detach() 隐身
    .remove 自杀
    .empty 身体被掏空
    .clone 复制 (true全复制 false 浅复制,无事件)
    .replaceWith 删除并替换节点(结合.replaceAll()来记)
    .wrap 每个人加个爸爸
    .unwrap 爸爸没了
    .wrapAll 所有人加个爸爸
    .wrapAll(function)每个人加个爸爸

    查看全部
  • 这节:
    .unwrap 爸爸没了
    之前的:
    .append 最后面加个兄弟 (结合appendTo()来记)
    .prepend 最前面加个兄弟(prependTo()来记)
    .before 我的前面加个兄弟(结合insertBefore来记)
    .after我的后面加个兄弟(结合insertAfter()来记)
    .detach() 隐身
    .remove 自杀
    .empty 身体被掏空
    .clone 复制 (true全复制 false 浅复制,无事件)
    .replaceWith 删除并替换节点(结合.replaceAll()来记)
    .wrap 每个人加个爸爸

    查看全部
  • 这节:
    .wrap 每个人加个爸爸
    之前的:
    .append 最后面加个兄弟 (结合appendTo()来记)
    .prepend 最前面加个兄弟(prependTo()来记)
    .before 我的前面加个兄弟(结合insertBefore来记)
    .after我的后面加个兄弟(结合insertAfter()来记)
    .detach() 隐身
    .remove 自杀
    .empty 身体被掏空
    .clone 复制 (true全复制 false 浅复制,无事件)
    .replaceWith 删除并替换节点(结合.replaceAll()来记)

    查看全部
  • 好像还是攻和受的区别

    with是受  a.with.b 就是a被b替换
    all是攻   b.all.a 就是b把a替换
    就是被字句和把字句 要用汉语编程多好    :
    甲 被 乙 替换 
    乙    将 甲 替换


    查看全部
  • https://img1.sycdn.imooc.com//5adda3fa0001ae3702790180.jpg

    查看全部
  • empty是自宫,remove是自杀。

    查看全部
  • 再简单总结一下:

    append()是受,appendTo()是攻,都是内部下面插入。prepend()是受,prependTo()是攻,都是内部上面插入。

    before()和after()是外部插入,一个从前面插,一个从后面插。

    查看全部
  • https://img1.sycdn.imooc.com//5add551f0001b99103810486.jpg

    查看全部
  •  通过一张对比表来解释2个方法之间的不同

    方法名

    参数

    事件及数据是否也被移除

    元素自身是否被移除

    remove

    支持选择器表达

    是(无参数时),有参数时要根据参数所涉及的范围

    detach

    参数同remove

    情况同remove

    remove移除节点

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

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

    detach移除节点

    • 移除的处理与remove一致

    • 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来

    • 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。


    查看全部
  • 要用到移除指定元素的时候,jQuery提供了empty()与remove([expr])二个方法,两个都是删除元素,但是两者还是有区别

    empty方法

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

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

    remove方法

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

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


    查看全部
  • add()将元素追加到匹配元素集合中

    例子:同时选择两个id对象
    当用jQuery要选择demo1标签时,会用到下面代码:$('#demo1");
    当用jQuery选择demo1和demo2,不要告诉我用$('div')。
    这时就要用到标题中提到的方法,jQuery add方法:追加标签。

    代码如下
    $('#demo1").add('#demo2");

    查看全部

举报

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

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