编程 Javascript

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

Posted in Javascript onMarch 26, 2015

本文实例讲述了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()方法在元素后面添加多项内容的方法

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery ajax例子返回值详解

Sep 11 Javascript

JavaScript之IE的fireEvent方法详细解析

Nov 20 Javascript

javascript设计模式之解释器模式详解

Jun 05 Javascript

jquery制作漂亮的弹出层提示消息特效

Dec 23 Javascript

angularJS与bootstrap结合实现动态加载弹出提示内容

Oct 16 Javascript

Angular.js 实现数字转换汉字实例代码

Jul 14 Javascript

JavaScript 栈的详解及实例代码

Jan 22 Javascript

Bootstrap table使用方法汇总

Nov 17 Javascript

spirngmvc js传递复杂json参数到controller的实例

Mar 29 Javascript

Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在

Jan 18 jQuery

JS利用prototype给类添加方法操作详解

Jun 21 Javascript

浅谈TypeScript 用 Webpack/ts-node 运行的配置记录

Oct 11 Javascript

jQuery使用empty()方法删除元素及其所有子元素的方法

Mar 26 #Javascript

jquery使用remove()方法删除指定class子元素

Mar 26 #Javascript

jQuery使用removeClass方法删除元素指定Class的方法

Mar 26 #Javascript

jQuery给多个不同元素添加class样式的方法

Mar 26 #Javascript

Js实现自定义右键行为

Mar 26 #Javascript

jQuery使用addClass()方法给元素添加多个class样式

Mar 26 #Javascript

Jquery异步提交表单代码分享

Mar 26 #Javascript