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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • parent()选出符合条件的直接父类元素, parents()选出直接父类之上的祖先元素
    查看全部
  • $('p').wrap('<div></div>') --> <p>p元素</p> <p>p元素</p> ----> <div><p>p元素</p></div> <div><p>p元素</p></div> 给每个p元素添加父级标签div $('p').wrapAll('<div></div>') --> <p>p元素</p> <p>p元素</p> --><div><p>p元素</p><p>p元素</p></div> 给满足条件的元素集合统一添加div $('p').wrapInner('<div></div>') --> <p>p元素</p> <p>p元素</p> ---> <p><div>p元素</div></p> <p><div>p元素</div></p> 给满足条件的元素文本内容添加div
    查看全部
  • 总结: .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • empty方法,清空节点,但是自身节点还会保留,remove方法,删除节点,包括自身节点也被删除。
    查看全部
  • $("选择器").before(content) 匹配选择器元素的前面添加,之前内容前移 $("选择器").after(content) 匹配选择器元素的后面添加,之前内容后移
    查看全部
  • $("元素").append("添加内容") $("添加内容").appendTo("元素")
    查看全部
  • 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerFTML 加入文档:appendChild
    查看全部
  • jQuery closest():在元素本身开始,在DOM树上向上级匹配,并返回最先匹配的祖先元素。 .parents()和.closest()相似,都是往上遍历祖辈元素。 区别: 1、起始位置不同:.closest开始于当前元素,.parents开始于父元素; 2、遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3、结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个的jquery对象
    查看全部
  • jQuery 1、.parents()和.parent()方法是相似的,但后者是进行了一个单机的DOM树查找 2、$("html").parent()方法返回一个包含docement的集合,而$("html").parents()返回一个空集合
    查看全部
  • jQuery .find()和.children()是类似的 不同: 1、.children只查找第一级的子节点; 2、.find查找范围包括自节点的所有后代节点。
    查看全部
  • IE9 have a probleam
    查看全部
  • insertBefore 在目标元素前插入,不支持多参数一次只能插入一个元素及相应的内容 insertAfter 在目标元素后面插入,不支持多参数
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • remove会删除div,empty只是清空了div的内容
    查看全部
  • append()是受,appendTo()是攻,都是内部下面插入。prepend()是受,prependTo()是攻,都是内部上面插入。 before()和after()是外部插入,一个从前面插,一个从后面插。
    查看全部

举报

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

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