jQuery before()

本文概述

  • jQuery before()方法的参数
  • jQuery before()方法的示例
jQuery before()方法用于将指定的内容插入所选元素之前。它将参数指定的内容添加到匹配元素集中的每个元素之前。
before()和insertBefore()这两个方法均用于执行相同的任务。它们之间的主要区别在于语法以及内容和目标的位置。句法:
$(selector).before(content, function(index))

jQuery before()方法的参数
参数 描述
Content 它是必填参数。它指定要插入的内容。其可能的值为:HTML元素jQuery对象DOM元素
Function (index) 它指定一个函数, 该函数返回用于插入的内容。索引:提供元素在集合中的索引位置。
jQuery before()方法的示例让我们以一个示例来演示jQuery before()方法。
< !DOCTYPE html> < html> < head> < script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> < /script> < script> $(document).ready(function(){ $("button").click(function(){ $("p").before("< p> < b> Hello srcmini.com< /b> < /p> "); }); }); < /script> < /head> < body> < button> Insert content before each p element< /button> < p> This is a tutorial website.< /p> < p> This is a training institute.< /p> < /body> < /html>

立即测试
输出:
在每个p元素之前插入内容
这是一个教程网站。
【jQuery before()】这是一家培训机构。

    推荐阅读