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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
Vue指令实现OutClick的示例
Nov 16 Javascript
Vue OpenLayer 为地图绘制风场效果
Apr 24 Vue.js
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 date函数参数详解
2006/11/27 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
php约瑟夫问题解决关于处死犯人的算法
2015/03/23 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
event.srcElement+表格应用
2006/08/29 Javascript
nodejs中exports与module.exports的区别详细介绍
2013/01/14 NodeJs
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
2016/08/01 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
微信JS-SDK选取手机照片上传功能
2017/04/21 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
js类的继承定义与用法分析
2019/06/21 Javascript
python读写二进制文件的方法
2015/05/09 Python
python一键升级所有pip package的方法
2017/01/16 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
python实现flappy bird游戏
2018/12/24 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
python实现PID算法及测试的例子
2019/08/08 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
圣彼得堡鲜花配送:Semicvetic
2020/09/15 全球购物
拾金不昧表扬信
2015/01/16 职场文书
八年级历史教学反思
2016/02/19 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
初中思想品德教学反思
2016/02/24 职场文书