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 组件之旅(一)分析和设计
Oct 28 Javascript
Javascript 键盘事件的组合使用实现代码
May 04 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
js实现九宫格布局效果
May 28 Javascript
AngularJS实现多级下拉框
Mar 25 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
回首过去10年中最搞笑的10部动漫,哪一部让你节操尽碎?
2020/03/03 日漫
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
详解javascript new的运行机制
2016/01/26 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
js倒计时简单实现代码
2016/08/11 Javascript
js转html实体的方法
2016/09/27 Javascript
Angular 4.x中表单Reactive Forms详解
2017/04/25 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
vue.js声明式渲染和条件与循环基础知识
2017/07/31 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
vue中echarts3.0自适应的方法
2018/02/26 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
用pip给python安装matplotlib库的详细教程
2021/02/24 Python
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
英国家庭和商业健身器材购物网站:Fitness Options
2018/07/05 全球购物
Ajax的优点和缺点
2014/11/21 面试题
遥感技术与仪器求职信
2014/02/22 职场文书
股份合作协议书范本
2014/04/14 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
党支部综合考察材料
2014/05/19 职场文书
运动会标语
2014/06/21 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书