jQuery-替換和刪除元素


1、replaceWith方法
用提供的內容替換集合中所有匹配的元素並且返回被替換元素的集合
參數類型說明:
  1)普通字符串(可包含各種html標簽)
  2)jQuery對象
    ①使用$函數創建的新元素(jQuery對象)
    ②使用$函數獲取頁面中已經有的元素(jQuery對象)
    此時會將已有的元素移動到新位置
    ③使用clone方法克隆頁面中已經有的元素(jQuery對象)
  3)html元素對象、html元素對象數組
  4)函數
    有多少個匹配元素,這個函數就會執行多少次!
    函數可以接受到兩個參數:第一個是當前元素的序號、第二個是當前元素內的html
    函數內部this代表當前的html元素對象
    return 的數據就是替換成的內容(可以為html元素,也可以是jQuery對象)
2、replaceAll方法
  用集合的匹配元素替換每個目標元素(同replaceWith)
  與replaceWitch區別:
    目標和源相反
    創建新元素返回的jQuery對象與
    選擇頁面中已有元素返回的jQuery對象都可調用此方法(選擇頁面中已有元素表示將已有的元素移動至目標元素處)!
    參數(表示要插入元素的目標位置):
    Selector或者jQuery對象或者html元素對象/html元素對象數組

3、detach()方法
  從頁面中去除所匹配的元素,返回調用該元素jQuery對象
  參數說明:
  (可選)一個選擇器將需要移除的元素從匹配的元素中過濾出來
4、empty()方法
  從頁面中移除匹配元素的所有后代元素(包括文本)
5、remove()方法
  將匹配元素集合從頁面中刪除,返回調用該元素jQuery對象(同時移除元素上的事件處理函數及關聯數據)
  如果刪除的元素,不需要刪除關聯數據和事件,請使用detach()
  參數說明:
  (可選)一個選擇器用來過濾將被移除的匹配元素集合
6、unwrap()方法
  將匹配元素集合的父級元素刪除,保留自身(和兄弟元素,如果存在)在原來的位置

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM