jQuery的before()方法是用來在匹配的元素前插入內(nèi)容的。當(dāng)需要在元素前插入內(nèi)容時(shí)，jQuery提供了一個(gè)方便的辦法，在before()方法中可以傳遞一個(gè)HTML字符串、DOM元素、jQuery對(duì)象或回調(diào)函數(shù)。

$(selector).before(content);

其中，selector可以是任何有效的jQuery選擇器。而content參數(shù)則可以是以下幾種類型：

• HTML字符串：一個(gè)HTML字符串，它將被插入到選擇器匹配的元素之前。

  $(selector).before('
  插入的內(nèi)容
  ');

• DOM元素：一個(gè)DOM元素，它將被插入到選擇器匹配的元素之前。

  var div = document.createElement('div');
  $(selector).before(div);

• jQuery對(duì)象：一個(gè)jQuery對(duì)象，它的內(nèi)容將被插入到選擇器匹配的元素之前。

  var $div = $('
  插入的內(nèi)容
  ');
  $(selector).before($div);

• 回調(diào)函數(shù)：一個(gè)回調(diào)函數(shù)，它返回要插入的內(nèi)容。函數(shù)的第一個(gè)參數(shù)為元素的索引，第二個(gè)參數(shù)為元素的舊HTML。

  $(selector).before(function(index, oldHtml) {
  return '
  索引為' + index + '的元素的舊HTML為：' + oldHtml + '
  ';
  });

示例：在一個(gè)div之前插入一個(gè)p元素，其中包含一張圖片

<div id="myDiv"></div>
<script>
$(document).ready(function(){
var $img = $( '<img>').attr('src', 'image.jpg');
var $p = $( '<p>').append($img);
$('#myDiv').before($p);
});
</script>