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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • jQuery遍历之parent()方法: parent()方法,匹配合集中每一个元素的父元素 parent()方法选择性地接受同一型选择器表达式
    查看全部
  • jQuery遍历之find()方法: find()方法,是遍历当前元素集合中每个元素的后代,只在后代中遍历,不包括自己 children与find方法的区别,children是父子关系查找,只查找第一级的子节点,find是后代关系(包含父子关系)
    查看全部
  • jQuery遍历之children()方法: 允许我们通过在DOM树中对这些元素的(每一个)直接子元素进行搜索,并且构造一个新的匹配元素的jQuery对象(仅儿子辈) .children()方法选择性地接受同一类型选择器表达式,具体点开看案例
    查看全部
  • DOM包裹wrapInner()方法: .wrapInner( wrappingElement ):给集合中匹配的元素的内部,增加包裹的HTML结构
    查看全部
  • DOM包裹wrapAll()方法: wrapAll( wrappingElement ):给集合中的元素增加一个外面包裹HTML结构 .wrapAll( function ) :一个回调函数,返回用于包裹匹配元素的 HTML 内容或 jQuery 对象,通过回调的方式可以单独处理每一个元素
    查看全部
  • DOM包裹unwrap()方法: 作用与wrap方法是相反的。将匹配元素集合的父级元素删除,保留自身在原来的位置。(和兄弟元素,如果存在)
    查看全部
  • ‘$(this).text()’在此处的值为“a元素”,也就相当于return '<div class='a元素'></div>'
    查看全部
  • A.appendTo('B') 把A加到B里面 A.append('B') 把B加到A里面 A.after('B') 把B加到A后面 A.before('B') 把B加到A前面 A.inserAfter('B') 把A加到B后面 A.inserBefore('B') 把A加到B前面
    查看全部
  • DOM包裹wrap()方法: .wrap( wrappingElement ):在集合中匹配的每个元素周围包裹一个HTML结构
    查看全部
  • DOM替换replaceWith()和replaceAll(): .replaceWith( newContent ):用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合,即:用$(A)调用replaceWith方法,传入一个新的内容B,用来替换选中的节点A。 .replaceAll( target ) 和以上用法类似,其目标和源的位置相反
    查看全部
  • DOM拷贝clone(): .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 .clone(ture),这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了 注意:clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容。元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-11-18

  • DOM节点删除之保留数据的删除操作detach():(detach方法是JQuery特有的) 这个方法不会把匹配的元素从jQuery对象中删除,将来还可以使用,与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。
    查看全部
  • DOM节点删除之empty和remove区别: empty方法: 1、严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点 2、empty不能删除自己本身这个节点 remove方法 1、该节点与该节点所包含的所有后代节点将同时被删除 2、提供传递一个筛选的表达式,删除指定合集中的元素
    查看全部
  • DOM节点删除之remove()的有参用法和无参用法: remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 remove表达式参数: 传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点
    查看全部
  • DOM节点删除之empty()的基本用法: 不仅移除了指定元素中的“子元素”(和其他后代元素),同样移除子元素里的文本。它本身保留
    查看全部

举报

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

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