insertBefore()方法将在每次出现指定元素之前插入HTML内容。
语法：
$(content).insertBefore(target)
参数：
● content：表示需要在指定目标之前插入的HTML内容。
● target：表示指定目标。
示例1：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
// insertBefore
$("<div>Welcome to here!</div>").insertBefore("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>Hello！</p>
<button>单击此处</button>
</div>
</body>
</html>效果图：
示例2：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("<div>Welcome to here!</div>").insertBefore("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>Hello！</p>
<p>Hi！</p>
<button>单击此处</button>
</div>
</body>
</html>效果图：
以上就是jQuery的insertBefore()方法怎么用？的详细内容，更多请关注0133技术站其它相关文章！
