after:将指定内容添加到指定元素之后,添加的内容可以是可以是文本,也可以是html字符串,还可以是数组、JQuery对象或DOM元素或选择器。当after接受一个元素选择器时,如果目标元素只有一个,那么会直接将选中的元素直接移动到目标元素后面;如果目标元素为多个,则会删除选中的元素并将选中元素复制足够的副本,然后每个目标元素后面都添加一个选中元素的副本。eg:在div元素后添加包含文本test的p元素,$('div').after("<p>test</p>")。

before:与after唯一的不同是将元素添加到前面而不是后面,eg:将包含文本test的p元素添加到div元素的前面,$("div").before("<p>test</p>")。

insertAfter:与after类似,但它们之间不同的是after是向调用after的元素后面添加指定元素,而insertAfter则是将调用insertAfter的元素添加到指定元素的后面。eg:将包含文本test的p元素添加到div元素的后面,$("<p>test</p>").appendTo("div")。

insertBefore:与before类似,但它们之间不同的是before是向调用before的元素前面添加指定元素,而insertBefore则是将调用insertBfter的元素添加到指定元素的前面。eg:将包含文本test的p元素添加到div元素的前面,$("<p>test</p>").appendTo("div")。

JQuery元素外添加元素相关推荐

  1. JQuery元素内添加元素

    append:将指定内容追加到指定元素内部的末尾.追加的内容可以是文本,也可以是html字符串,还可以是数组.JQuery对象或元素.当传入选择器时,如果目标元素只有一个,则将选择器选中的元素直接移动 ...

  2. 事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流

    一.事件冒泡定义 事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那 ...

  3. jQuery—常用API(jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作)

    1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...

  4. jQuery 元素操作——遍历元素

    jQuery 元素操作 主要是遍历.创建.添加.删除元素操作 <!DOCTYPE html> <html lang="en"><head>< ...

  5. jquery元素节点操作

    jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入 ...

  6. jquery mobile : 外链接失效 a href not working

    1. 根据文档 http://view.jquerymobile.com/master/demos/,可以在 <a> 标签里面添加属性rel="external" 或者 ...

  7. jquery元素插入、删除、清空

    1)jquery元素插入 位置1)表示元素前:$("#test").before(--); 位置2)表示元素内前:$("#test").prepend(--); ...

  8. jQuery元素操作-遍历元素

    1.jQuery元素操作 1.1.遍历元素-语法1 主要遍历dom对象 <!DOCTYPE html> <html lang="en"> <head& ...

  9. JavaWeb开发 前端语言:jQuery(一) jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选

    JavaWeb开发 前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...

最新文章

  1. 怎样学好python-如何短时间学习好Python?老男孩Python入门培训
  2. python中对集合的操作
  3. 以Settings.APPLICATION_DEVELOPMENT_SETTINGS打开开发者面板出错总结
  4. 【今晚7点半】:华为云视频直播在各细分场景的体验指标优化实践
  5. opencv函数findcontours_OpenCV系列之轮廓入门 | 二十一
  6. spring拦截器-过滤器的区别
  7. html插入flash代码_初学者必备Web开发APP,支持代码补全,一键插入代码,厉害了!...
  8. linux mp3长度,得到一个wma或mp3文件,如何用最简单的方法得到它的长度信息呢?...
  9. 万物皆可爬系列使用python爬阴阳师图片
  10. The parent project must have a packaging type of POM
  11. 【奇淫巧技】打狗棒法---过安全狗注入手法
  12. ASP.NET(C#)备份还原数据库
  13. CF 570D. Tree Requests [dsu on tree]
  14. uv422转换为yuv420_利用libswscale转换yuyv422到yuv422p或rgb之间的转换, 视频翻转
  15. Max Script|控制器-位置约束_path
  16. Twaver-HTML5基础学习(32)Network样式andTree样式
  17. 谷歌搜索、谷歌学术、Github的镜像网站
  18. 官网下载历史版本的tomcat
  19. Nginx --sendfile配置
  20. 基于CuteFTP的客户端定时备份说明

热门文章

  1. vue项目中动态绑定src不显示图片解决方法
  2. C嘎嘎的运算符重载基础教程以及遵守规则【文末赠书三本】
  3. Matplotlib.pyplot参数(条形图,直方图,饼图,散点图)
  4. tkMybatis的Example使用
  5. 一个关于椭圆曲线密码学的初级读本
  6. 《静态时序分析实用方法》第六章翻译
  7. unity给头发添加物理_Unity学习笔记 Vol.64 使用Spring Bone给角色添加头发效果
  8. arduino安装esp8266库
  9. js 判断安卓,ios,微信浏览器
  10. SQL查找既购买过ProductA又购买过ProductB,但没有购买ProductC的用户人数,并计算平均客单价(in、聚合函数)