jQuery使用after()方法在元素后面添加多项内容的方法
2015-03-26 12:17
971 查看
本文实例讲述了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使用before()和after()在元素前后添加内容的方法
- jQuery使用append在html元素后同时添加多项内容的方法
- jQuery使用prepend()方法在元素前添加内容用法实例
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 解决使用jQuery采用append添加的元素事件无效的方法
- 【jQuery】使用append()方法向元素内追加内容
- 【jQuery】使用appendTo()方法向被选元素内插入内容
- 【jQuery】使用before()和after()在元素前后插入内容
- 【jQuery】使用wrap()和wrapInner()方法包裹元素和内容
- jquery之管理包装元素集合(筛选元素包装集之添加更多元素到包装集,add()方法的使用)
- jquery之管理包装元素集合(筛选元素包装集之整理包装集的内容,not()方法与filter()方法的使用)
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- jquery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)
- jquery之设置元素内容(删除元素,使用remove(),empty()方法)
- jquery之设置元素内容(克隆元素,使用clone()方法)
- jquery之利用ajax与服务器交谈(加载内容到元素上之利用jquery加载内容,使用load()方法)