insertBefore()是jQuery的一个内置的方法，用来在一个指定的元素之前插入一些HTML内容。下面本篇文章就来给大家介绍一下insertBefore()方法，希望对大家有所帮助。
insertBefore()方法来源gaodai#ma#com搞*代#码网将在每次出现指定元素之前插入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()方法怎么用？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jQuery的insertBefore()方法怎么用？
转载请注明原文链接：jQuery的insertBefore()方法怎么用？
