本文概述
- jQuery before()方法的参数
- jQuery before()方法的示例
before()和insertBefore()这两个方法均用于执行相同的任务。它们之间的主要区别在于语法以及内容和目标的位置。句法:
$(selector).before(content, function(index))
jQuery before()方法的参数
参数 | 描述 |
---|---|
Content | 它是必填参数。它指定要插入的内容。其可能的值为:HTML元素jQuery对象DOM元素 |
Function (index) | 它指定一个函数, 该函数返回用于插入的内容。索引:提供元素在集合中的索引位置。 |
<
!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()】这是一家培训机构。
推荐阅读
- jQuery blur()
- jQuery bind()
- jQuery attr()
- jQuery appendTo()
- jQuery append()
- jQuery animate()
- jQuery after()
- jQuery addClass()
- jQuery中的append()和prepend(),after()和before()的差别