jQuery中insertBefore()方法用法實例_jquery

本文實例講述了jQuery中insertBefore()方法用法。分享給大家供大家參考。具體分析如下：

此方法把符合的元素插入到另一個指定的元素集合的前面。
insertBefore()方法與insertAfter()相反。

語法結構:

複製代碼 代碼如下:

$(selector).insertBefore(content)

參數列表:

参数	描述
selector	定义要被插入的内容。
content	定义在哪些元素之前插入内容。

實例碼:

複製程式碼程式碼如下：

 
p{ 
  寬度：100px； 
  高度：100px； 
  背景顏色：紅色；
} 
div{ 
  寬度：200px； 
  高度：200px； 
  背景顏色：藍色；
} 
風格> 
 
 
$(文檔).ready(函數(){ 
  $("#bt").click(function(){ 
    $("div").insertBefore("p"); 
  }) 
}); 
腳本> 
頭> 
 

 

 

正文> 

以上程式碼可以將div元素插入p元素的前面。
需要特別注意的是，這裡的插入完全匹配元素挪動到前面的指定元素，而不是複製一個新的。

希望本文對大家介紹的 jQuery 程式設計有所幫助。