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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
js创建子窗口并且回传值示例代码
Jul 02 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
jquery获取选中的文本和值的方法
Jul 08 Javascript
JavaScript用select实现日期控件
Jul 17 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
Aug 25 Javascript
纯JS实现轮播图
Feb 22 Javascript
webpack dll打包重复问题优化的解决
Oct 10 Javascript
Koa日志中间件封装开发详解
Mar 09 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将fileterms函数返回的结果变成可读的形式
2011/04/21 PHP
php的array_multisort()使用方法介绍
2012/05/16 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
Laravel框架Eloquent ORM删除数据操作示例
2019/12/03 PHP
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
AngularJS入门教程(一):静态模板
2014/12/06 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
js代码实现无缝滚动(文字和图片)
2015/08/20 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
Nodejs全局安装和本地安装的不同之处
2016/07/04 NodeJs
js改变透明度实现轮播图的算法
2020/08/24 Javascript
微信小程序 增、删、改、查操作实例详解
2017/01/13 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
js实现div色块拖动录制
2020/01/16 Javascript
python显示生日是星期几的方法
2015/05/27 Python
利用python模拟sql语句对员工表格进行增删改查
2017/07/05 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
python pytest进阶之fixture详解
2019/06/27 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
Django 路由层URLconf的实现
2019/12/30 Python
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
保安队长职务说明书
2014/02/23 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书