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 相关文章推荐
[JS源码]超长文章自动分页(客户端版)
Jan 09 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
js获取html参数及向swf传递参数应用介绍
Feb 18 Javascript
jquery 判断滚动条到达了底部和顶端的方法
Apr 02 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
javascript事件绑定学习要点
Mar 09 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
May 12 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
简单两步使用node发送qq邮件的方法
Mar 01 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
JQuery 入门实例1
2009/06/25 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
2016/07/14 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
JavaScript 异步调用
2017/10/25 Javascript
微信小程序商品详情页规格属性选择示例代码
2017/10/30 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
2019/09/26 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
2020/02/10 Javascript
python正则表达式re模块详细介绍
2014/05/29 Python
Python中的zip函数使用示例
2015/01/29 Python
Python的Flask框架与数据库连接的教程
2015/04/20 Python
python实现简单登陆流程的方法
2018/04/22 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
解决python flask中config配置管理的问题
2019/07/26 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
伦敦香水公司:The London Perfume Company
2019/11/13 全球购物
如何选择使用结构还是类
2014/05/30 面试题
教育专业自荐书范文
2013/12/17 职场文书
元旦晚会主持词
2014/03/24 职场文书
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python