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 写类方式之十
Jul 05 Javascript
学习ExtJS Window常用方法
Oct 07 Javascript
jquery 多级下拉菜单核心代码
May 21 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
JavaScript数据结构之二叉树的删除算法示例
Apr 13 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 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 download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
PHP中PDO的错误处理
2011/09/04 PHP
写出高质量的PHP程序
2012/02/04 PHP
Paypal实现循环扣款(订阅)功能
2017/03/23 PHP
php常用经典函数集锦【数组、字符串、栈、队列、排序等】
2019/08/23 PHP
JS 判断undefined的实现代码
2009/11/26 Javascript
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
JS实现小米轮播图
2020/09/21 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
Python实现的递归神经网络简单示例
2017/08/11 Python
Python requests模块session代码实例
2020/04/14 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
2014/12/30 HTML / CSS
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
北京华建集团SQL面试题
2014/06/03 面试题
自我鉴定书面格式
2014/01/13 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
一年级学生评语大全
2014/04/21 职场文书
管理失职检讨书范文
2015/05/05 职场文书
生日祝酒词大全
2015/08/10 职场文书
商务宴会祝酒词
2015/08/11 职场文书
部门主管竞聘书
2015/09/15 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python