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对象的支持
Jul 25 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
微信小程序 共用变量值的实现
Jul 12 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
基于vue的验证码组件的示例代码
Jan 22 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 Javascript
JavaScript的Set数据结构详解
Feb 18 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的网址
2006/11/25 PHP
php checkbox 取值详细说明
2010/08/19 PHP
PHP反向代理类代码
2014/08/15 PHP
Laravel框架表单验证操作实例分析
2019/09/30 PHP
eval与window.eval的差别分析
2011/03/17 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
常用的JQuery函数及功能小结
2016/03/24 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
又一款js时钟!transform实现时钟效果
2016/08/15 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
详解Python核心对象类型字符串
2018/02/11 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
python字符串下标与切片及使用方法
2020/02/13 Python
Python3 socket即时通讯脚本实现代码实例(threading多线程)
2020/06/01 Python
详解Django中的FBV和CBV对比分析
2021/03/01 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
公司晚会主持词
2014/03/22 职场文书
城市创卫标语
2014/06/17 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
就业推荐表导师评语
2014/12/31 职场文书
颐和园导游词400字
2015/01/30 职场文书
煤矿安全保证书
2015/02/27 职场文书
复试通知单模板
2015/04/24 职场文书