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

首頁 > 編程 > JavaScript > 正文

jQuery中insertBefore()方法用法實例

2019-11-20 13:27:43
字體:
來源:轉載
供稿:網友

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

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

語法結構:

復制代碼 代碼如下:
$(selector).insertBefore(content)

參數列表:
參數 描述
selector 定義要被插入的內容。
content 定義在哪些元素之前插入內容。

實例代碼:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>insertBefore()函數-武林網</title>
<style type="text/css"> 
p{ 
  width:100px; 
  height:100px; 
  background-color:red;

div{ 
  width:200px; 
  height:200px; 
  background-color:blue;

</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#bt").click(function(){ 
    $("div").insertBefore("p"); 
  }) 
}); 
</script> 
</head> 
<body> 
<p></p> 
<div></div> 
<input type="button" value="點擊查看效果" id="bt" />
</body> 
</html>

以上代碼可以將div元素插入到p元素的前面。
需要特別注意的是,這里的插入是將匹配元素挪動到指定元素的前面,而不是復制一個新的。

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 临汾市| 双峰县| 北辰区| 卢湾区| 安丘市| 桐乡市| 定结县| 营口市| 北海市| 舟曲县| 巍山| 淮北市| 合水县| 浙江省| 宜春市| 泗水县| 汤阴县| 巴中市| 新源县| 麦盖提县| 武隆县| 泰顺县| 弋阳县| 曲松县| 连江县| 高淳县| 始兴县| 轮台县| 青田县| 万年县| 呼伦贝尔市| 电白县| 新蔡县| 金湖县| 新民市| 新竹市| 东台市| 砀山县| 新巴尔虎右旗| 曲沃县| 阿瓦提县|