jQuery DOM插入节点操作指南


Posted in Javascript onMarch 03, 2015

方法 描述 示例
append() 向每个匹配的元素内部追加内容 HTML代码:

我想说:

jQuery代码: $("p").append("你好"); 结果:

我想说:你好

appendTo() 将所有匹配的元素追加到指定的元素中 。实际上,使用该方法是颠倒了常规 的$(A).append(B)的操作,是将A追加到B中。 HTML代码:

我想说:

jQuery代码: $("你好").appendTo("p") 结果:

我想说:你好

prepend() 向每个匹配的元素内部前置内容 HTML代码:

我想说:

jQuery代码: $("p").prepend("你好") 结果:

你好我想说:

prependTo() 将所有匹配的元素前置到指定的元素中 。实际上,使用该方法是颠倒了 常规$(A).prepend(B)操作。 HTML代码:

我想说:

jQuery代码: $("你好").prependTo("p") 结果:

你好我想说:

after() 在每个匹配的元素后插入内容 HTML代码:

我想说:

jQuery代码: $("p").after("你好") 结果:

我想说:

你好
insertAfter() 将所有匹配的元素插入到指定元 素的后面,实际上,使用该方法 是颠倒了常规的$(A).after(B)操作 HTML代码:

我想说:

jQuery代码: $("你好").insertAfter("p") 结果:

我想说:

你好
before() 在每个匹配的元素之前插入内容 HTML代码:

我想说:

jQuery代码: $("p").before("你好") 结果: 你好

我想说:

insertBefore() 将所以匹配的元素插入到指 定的元素的前面。实际上, 使用该方法是颠倒了常规 的$(A).before(B)的操作。 HTML代码:

我想说:

jQuery代码: $("你好").insertBefore("p") 结果: 你好

我想说:

以上就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
jQuery 操作下拉列表框实现代码
Feb 22 Javascript
再谈javascript图片预加载技术(详细演示)
Mar 12 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
Oct 29 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
JS中如何轻松遍历对象属性的方式总结
Aug 06 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
深入理解redux之compose的具体应用
Jan 12 Javascript
package.json中homepage属性的作用详解
Mar 11 Javascript
JS运动框架之分享侧边栏动画实例
Mar 03 #Javascript
jQuery DOM删除节点操作指南
Mar 03 #Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 #Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 #Javascript
javascript验证身份证号
Mar 03 #Javascript
JS烟花背景效果实现方法
Mar 03 #Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
Mar 03 #Javascript
You might like
动画 《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
浅谈thinkphp的实例化模型
2015/01/04 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
农历与西历对照
2006/09/06 Javascript
背景音乐每次刷新都可以自动更换
2007/02/01 Javascript
javascript 禁止复制网页
2009/06/11 Javascript
javascript中用星号表示预录入内容的实现代码
2011/01/08 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
Python获取任意xml节点值的方法
2015/05/05 Python
浅析Python编写函数装饰器
2016/03/18 Python
Python+pyplot绘制带文本标注的柱状图方法
2019/07/08 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
编程用JAVA解析XML的方式
2013/07/07 面试题
建龙钢铁面试总结
2014/04/15 面试题
计算机专业优秀大学生自我总结
2014/01/21 职场文书
上课打牌的检讨书
2014/02/15 职场文书
小学母亲节活动方案
2014/03/14 职场文书
总经理秘书岗位职责
2014/03/17 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
好媳妇事迹材料
2014/12/24 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL