56net亚洲必赢:在元素前后添加内容的方法,方法

作者:计算机知识

56net亚洲必赢:在元素前后添加内容的方法,方法在元素后面添加多项内容的方法。正文实例叙述了jQuery使用after()方法在要素后边添增添项内容的法子。分享给我们供我们参谋。具体深入分析如下:

jQuery使用after()方法在要素前面添增多项内容的措施,jqueryafter

本文实例呈报了jQuery使用after()方法在要素前边增加多项内容的法子。分享给大家供我们仿效。具体深入分析如下:

jQuery可因此after()方法在要素后边添扩大项内容,after()可以带四个参数,在钦点成分前边添扩充项内容

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function afterText()
{
var txt1="<b>I </b>"; // Create element with HTML
var txt2=$("<i></i>").text("love "); // Create with jQuery
var txt3=document.createElement("big"); // Create with DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // Insert new elements after img
}
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button onclick="afterText()">Insert after</button>
</body>
</html>

期望本文所述对大家的jQuery程序设计具备帮忙。

本文实例陈说了jQuery使用after()方法在要素前面添增添项内容的秘技。分享给...

正文实例叙述了jQuery使用before()和after()在要素前后增多内容的格局。分享给大家供大家仿照效法。具体如下:

jQuery可由此after()方法在要素后边添扩展项内容,after()能够带五个参数,在钦定成分前面添增多项内容

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  $("img").before("<b>Before</b>");
 });
 $("#btn2").click(function(){
  $("img").after("<i>After</i>");
 });
});
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>
</body>
</html>

本文由bwin必赢发布,转载请注明来源

关键词: