jQuery使用after()方法在元素后面添加多项内容的方法

前端技术 2023/09/01 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/3049

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案