jQuery - 添加元素
2016-03-30 15:31
375 查看
通过 jQuery,可以很容易地添加新元素/内容。
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
View Code
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
jQuery append() 方法
jQuery append() 方法在被选元素的结尾插入内容。实例
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> function afterText() { var txt1="<b>I </b>"; // 以 HTML 创建元素 var txt2=$("<i></i>").text("love "); // 通过 jQuery 创建元素 var txt3=document.createElement("big"); // 通过 DOM 创建元素 txt3.innerHTML="jQuery!"; $("img").after(txt1,txt2,txt3); // 在 img 之后插入新元素 } </script> </head> <body> <img src="/i/eg_w3school.gif" alt="W3School Logo" /> <br><br> <button onclick="afterText()">在图片后面添加文本</button> </body> </html>
View Code
查看结果:
相关文章推荐
- jquery的ajax提交时“加载中”提示的处理方法
- Jquery判断form表单数据是否变化
- jQuery - 设置内容和属性
- 教你怎么写jQuery的插件
- 黄聪:基于jQuery+JSON的省市区三级地区联动
- jQuery - 获得内容和属性
- jQuery - Chaining
- 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
- jQuery Callback 函数
- jquery上传插件Jquery.uploadify.js-转
- jquery上传插件Jquery.uploadify.js-转
- jQuery 停止动画
- jQuery.extend 函数详解
- jQuery源代码学习笔记:构造jQuery对象
- jquery插件资源
- jQuery 效果 - 动画
- jquery获取第几个元素的方法总结
- Jquery 获取第一个子元素
- jQuery ajax中使用serialize()方法提交表单数据
- Jquery轮播效果实现过程解析