jQuery中的before()方法用于在所选元素之前添加内容。
用法:
$(selector).before( content, function(index) )
参数:此方法接受上述和以下所述的两个参数:
- content:此参数保存要在元素之前插入的内容。内容的可能值可以是HTML元素,DOM元素,jQuery元素。
- function(index):它是可选参数,用于指定一个函数,该函数返回要插入的内容,然后元素和索引返回元素的索引位置。
范例1:本示例将内容插入到元素之前。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery before() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to insert element before button element -->
<script>
$(document).ready(function() {
$("button").click(function() {
$("button").before("<p>GeeksforGeeks:"
+ " A computer science portal</p>");
});
});
</script>
</head>
<body>
<button>Click Here to Insert element before button</button>
</body>
</html>
在单击按钮之前:
单击按钮后:
范例2:本示例在指定元素之前插入内容。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery before() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to add content before the element -->
<script>
$(document).ready(function(){
$("button").click(function(){
$("span").before("<span>GeeksforGeeks: </span>");
});
});
</script>
</head>
<body>
<span>A computer science portal for geek</span><br>
<span>A computer science portal for geek</span><br>
<span>A computer science portal for geek</span><br>
<button>Click to insert</button>
</body>
</html>
之前单击按钮:
单击按钮后:
相关用法
- JQuery css()用法及代码示例
- JQuery is()用法及代码示例
- JQuery die()用法及代码示例
- JQuery off()用法及代码示例
- JQuery add()用法及代码示例
- JQuery get()用法及代码示例
- JQuery fadeIn()用法及代码示例
- JQuery triggerHandler()用法及代码示例
- JQuery attr()用法及代码示例
- JQuery ajaxSuccess()用法及代码示例
- JQuery Misc each()用法及代码示例
- JQuery trigger()用法及代码示例
- JQuery fadeToggle()用法及代码示例
- JQuery ajaxError()用法及代码示例
- JQuery delegate()用法及代码示例
注:本文由纯净天空筛选整理自AkshayGulati大神的英文原创作品 jQuery | before() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。