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 相关文章推荐
常用简易JavaScript函数
Apr 09 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
Feb 16 Javascript
在JS中解析HTML字符串示例代码
Apr 16 Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
在angularJs中进行数据遍历的2种方法
Oct 08 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
layer更改皮肤的实现方法
Sep 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
php 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
prototype 的说明 js类
2006/09/07 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
python读写LMDB文件的方法
2018/07/02 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
Python静态类型检查新工具之pyright 使用指南
2019/04/26 Python
pytorch 输出中间层特征的实例
2019/08/17 Python
python list转置和前后反转的例子
2019/08/26 Python
python实现在一个画布上画多个子图
2020/01/19 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
小学生我的梦想演讲稿
2014/08/21 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
专业见习报告范文
2014/11/03 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
学习心理学心得体会
2016/01/22 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL
Golang ort 中的sortInts 方法
2022/04/24 Golang
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL