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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .filter()方法筛选出符合要求的 //都是移除指定元素 $("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove();
    查看全部
  • empty()清除内部元素 remove()自身销毁 并且所有事件同时销毁 防止内存泄漏
    查看全部
  • add()将元素追加到匹配元素集合中 例子:同时选择两个id对象 当用jQuery要选择demo1标签时,会用到下面代码:$('#demo1"); 当用jQuery选择demo1和demo2,不要告诉我用$('div')。 这时就要用到标题中提到的方法,jQuery add方法:追加标签。 代码如下 $('#demo1").add('#demo2");
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • $(".content").append('<div class="append">通过append方法添加的元素</div>') append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。 $('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content")) appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
    查看全部
  • append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • 内部插入HTML节点 append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定的元素集合中 prependTo()把所有匹配的元素前置到另一个指定元素集合中
    查看全部
  • dom外部添加节点 .after(content) 在选定节点后添加相邻兄弟节点; .before(content)在选定节点前面添加相邻节点; 共同点:如果选定元素后面有元素了,先将后面元素后移,然后在添加html
    查看全部
  • replacewith:前面是对象 ,后面是所要替换的内容、 replaceall:前面是所要替换的内容。后面是对象
    查看全部
  • querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,使用 querySelectorAll() 方法替代。 addEventListener() 方法用于向指定元素添加事件句柄。 提示: 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。
    查看全部
  • 进行去重: if( !$(“p”).length ) 如果p不存在页面 即 !0 = 1 , 执行return 否则 执行 p=$(“p”).detach()进行移除p,但保留元素的内存模型对象。 不去重: 执行#bt1单击事情时候,第一次正常,第二次会因为没有判断p的长度,不知道p已经移除,执行.detach()再一次进行对象移除,同时保存内存模型,那此时p的是不存在页面上的的,所以p为空;点击#bt2的时候p就不会再现实出来,因为p的内存模型已经为空了
    查看全部
  • add()与append()不一样,add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部
  • .replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点
    查看全部
  • 元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。深复制的所有数据,需要手动复制每一个 (我们知道:引用类型(比如说 数组,对象)在内存中是一个指针) 这句话的意思是:仅仅克隆了引用类型的指针,也就是说实际上,克隆对象和原始被克隆对象的引用类型指向的都是同一个数据
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-12-07

  • DOM节点删除之empty()的基本用法: 不仅移除了指定元素中的“子元素”(和其他后代元素),同样移除子元素里的文本。它本身保留
    查看全部

举报

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

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