jQuery中的查找節點、創建節點、插入節點、刪除節點、替換節點、復制節點操作方法

　　jQuery操作節點我們可以分六點來講，查找節點、創建節點、插入節點、刪除節點、替換節點、復制節點。

 

 

　　一、查找節點

　　text() - 設置或返回所選元素的文本內容   ，html() - 設置或返回所選元素的內容（包括 HTML 標記），val() -  設置或返回表單字段的值（value值），attr() 方法用於獲取屬性值

　　二、創建節點

　　工廠函數 $() 可以用於創建或獲取節點。

　　1. 我們以前經常用 $(selector) 就是通過選擇器獲取節點  

　　2. $(element)：把DOM節點轉化成jQuery節點

　　3. $(html)：使用HTML字符串創建jQuery節點

$("li");//得到li對象
var $newNode=$("<li></li>");//創建一個li對象
var $newNode2=$("<li title='last'>北我是一個列表</li>");//創建含文本與屬性<li>元素節點

　　三、插入節點

　　在標簽內部插入內容

　　

 　　在標簽外部插入

　　

 //內部插入 
$("p").append(" <b>追加文本</b>。");//效果就是<p>p標簽內容  <b>追加文本</b></p>
//外部插入
$("p").after(" <b>追加文本</b>。");//效果就是<p>p標簽內容  </p><b>追加文本</b>

　　四、刪除節點

• remove() - 刪除被選元素（及其子元素）
• empty() - 從被選元素中刪除子元素      

   //假設HTML是  <p class="a">p標簽<b>b標簽</b></p>
  $("p").remove();//效果為 內容節點全部刪除
  $("p").empty();//效果為 ： <p class="a"></p> 只會保留節點，內容清空

 　　五、替換節點

　　olddom.replaceWith( newdom)：用提供的內容(newdom)替換集合中所有匹配的元素(olddom)並且返回被刪除元素的集合

　　newdom.replaceAll( olddom) ：用集合的匹配元素替換每個目標元素，相當於上面用法反過來

　　六、復制節點

　　clone() 方法生成被選元素的副本，包含子節點、文本和屬性。參數可選（true、false）

　　表示是否同時復制元素的附加數據和綁定事件，默認為false只會復制節點，不會復制元素的附加數據和綁定事。

 

　　寫的比較粗糙，但是卻是原創，有疑問可以關注公眾號 gh_9befddbfa55d