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 相关文章推荐
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
使用node.js 获取客户端信息代码分享
Nov 26 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
JavaScript门面模式详解
Oct 19 Javascript
js断点调试经验分享
Dec 08 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
javascript实现扫雷简易版
Aug 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/10/09 PHP
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
PHP PDO函数库详解
2010/04/27 PHP
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
php使用MySQL保存session会话的方法
2015/06/18 PHP
PHP模拟asp.net的StringBuilder类实现方法
2015/08/08 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
微信小程序 教程之数据绑定
2016/10/18 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
微信小程序 setData 对 data数据影响问题
2019/04/18 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
小程序中手机号识别的示例
2020/12/14 Javascript
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
国际知名设计师时装商店:Coggles
2016/09/05 全球购物
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
在校大学生的职业生涯规划书
2014/03/14 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
中学社团活动总结
2015/05/07 职场文书
团组织推荐意见
2015/06/05 职场文书
会计入职心得体会
2016/01/22 职场文书
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL