before()方法是jQuery中的一个内置方法，用于在所选元素之前添加内容。下面本篇文章就来给大家介绍一下jQuery的before()方法，希望对大家有所帮助。
语法：
$(selector).before( content, function(index) )
参数：此方法接受上述两个参数
● content：此参数保存要在元素之前插入的内容。内容的可能值可以是HTML元素，DOM元素，jQuery元素。
● function（index）：它是可选参数，用于指定在元素和索引返回元素的索引定位之前返回要插入的内容的函数。
示例1：在元素之前插入内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("button").before("<p style='font-size: 20px;color: pink;'>Hello world！</p>");
});
});
</script>
</head>
<body>
<button>单击，在按钮前插入元素</button>
</body>
</html>
效果图：
更多web前端开发知识，请查阅 HTML中文网 ！！
