首页 技术 正文
技术 2022年11月13日
0 收藏 858 点赞 3,131 浏览 2255 个字

.detach()
  从DOM 中去掉所匹配的元素。
    .detach([selector])
      selector 一个选择表达式将需要移除的从匹配的元素中过滤出来。
    $(“p”).detach();

.empty()
  从DOM中移除集合中匹配元素的所有子节点。
    .empty() 这个方法不接受任何参数。
  结构:
    <div class=”container”>
      <div class=”hello”>Hello</div>
      <div class=”goodbye”>Goodbye</div>
    </div>

    $(‘.hello’).empty();

  效果:
    <div class=”container”>
      <div class=”hello”></div>
      <div class=”goodbye”>Goodbye</div>
    </div>

.remove()
  将匹配元素从DOM 中删除,同时删除元素上的事件。
  .remove([selector])
    selector 一个选择器表达式用来过滤将被移除的匹配元素集合。
  结构:
    <div class=”container”>
      <div class=”hello”>Hello</div>
      <div class=”goodbye”>Goodbye</div>
    </div>

    $(‘.hello’).remove();

  效果:
    <div class=”container”>
      <div class=”goodbye”>Goodbye</div>
    </div>

.unwrap()
  将匹配元素集合的父级元素删除,保留自身,(和兄弟元素,如果存在)再原来的位置。
  .unwrap()
    这个方法不接受任何参数。
  结构:
    <div class=”container”>
      <div class=”hello”>Hello</div>
      <div class=”goodbye”>Goodbye</div>
    </div>

    $(‘.hello’).empty();

  效果:
    <div class=”hello”>Hello</div>
    <div class=”goodbye”>Goodbye</div>

.replaceAll()
  用集合的匹配元素替换每个目标元素。
  .replaceAll(target)
    target 一个选择器字符串,对象,DOM元素,或者元素数组,包含哪个元素被替换。
    结构:<div class=”container”>
          <div class=”inner first”>Hello</div>
          <div class=”inner second”>And</div>
          <div class=”inner third”>Goodbye</div>
      </div>

      $(‘<h2>New heading</h2>’).replaceAll(‘.inner’);
    效果:
      <div class=”container”>
        <h2>New heading</h2>
        <h2>New heading</h2>
        <h2>New heading</h2>
      </div>

.replaceWith()
  用提供的内容替换集合中所匹配的元素并返回删除元素的集合。
    .replaceWith(newContent)
      newContent 用来插入的内容,可能是HTML字符串,DOM元素,或者对象。
      .replaceWith(function)
        function 一个函数,返回的内容会替换匹配的元素集合。
      结构:<div class=”container”>
          <div class=”inner first”>Hello</div>
          <div class=”inner second”>And</div>
          <div class=”inner third”>Goodbye</div>
         </div>
        $(‘div.second’).replaceWith(‘<h2>New heading</h2>’);
      效果:<div class=”container”>
            <div class=”inner first”>Hello</div>
            <h2>New heading</h2>
            <div class=”inner third”>Goodbye</div>
          </div>

         $(‘div.third’).replaceWith($(‘.first’));
         效果:<div class=”container”>
              <div class=”inner second”>And</div>
              <div class=”inner first”>Hello</div>
            </div>

下一篇: ReplaceChar
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,492
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,907
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,740
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,493
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:8,132
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,295