国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

jquery操作DOM元素(3)

2024-04-27 15:02:12
字體:
來源:轉載
供稿:網友

.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>

 


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 井陉县| 泰和县| 阿克苏市| 时尚| 浦北县| 三河市| 化州市| 阿拉善盟| 遂溪县| 盐边县| 东明县| 泗水县| 梅河口市| 焦作市| 嘉义县| 莱阳市| 静宁县| 宜州市| 滦南县| 大新县| 阿瓦提县| 康平县| 郑州市| 平潭县| 红河县| 景泰县| 和政县| 丰顺县| 沂南县| 霍邱县| 孝感市| 九江县| 吴桥县| 江油市| 承德县| 邢台县| 阿克苏市| 岢岚县| 秀山| 金门县| 黄石市|