这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂。如下:

方法

源包装集/字串

目标包装集体

特性描述

A.append(B)

B

A

若目标包装集只匹配一个元素,则源(也包括同源包装集匹配的所有元素)将被移动到目标位置;若目标包装集包含多个元素,则源将保留在原来的位置,但同时复制一份相同的副本到目标位置。

由此,若目标只匹配一个元素时,使用前述方法后源将被删除。

B.appendTo(A)

A.prepend(B)

B.prependTo(A)

A.before(B)

B.insertBefore(A)

A.after(B)

B.insertAfter(A)

举例说明:在上图中,A.append(B)表示把B(是数据)添加到与A(dom对象)匹配的所有元素的现有内容后面,因此B是源,A是目标包装集。

转载于:https://www.cnblogs.com/hfgb/p/4113084.html

jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项...相关推荐

  1. jQuery中append、prepend等的用法与记忆

    jQuery中,有append.prepend等方法,容易搞混淆,在这里记录一下,以便于区分 大致有如下方法,可以理解为: append:后置x(-后面添加) prepend:前置x (-前面添加) ...

  2. jQuery中append()、prepend()与after()、before()的区别

    原文地址:https://www.cnblogs.com/afei-qwerty/p/6682963.html 在jQuery中,添加元素有append().prepend()和 after().be ...

  3. jquery中append、prepend, before和after方法的区别

    1. append()和prepend() 假设 <div class='a'> //<---you want div c to append in this<div clas ...

  4. jquery中append、prepend、before、after方法使用

    一.after()和before()方法的区别 after()--其方法是将方法里面的参数添加到jquery对象后面去:     如:A.after(B)的意思是将B放到A后面去: before()- ...

  5. jQuery中append、insertBefore、after与insertAfter方法注意事项

    jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项 这里列的是针对初学jQuery ...

  6. jQuery中append()和appendTo()的区别

    [前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...

  7. 关于JQuery中的appendTo方法

    JQuery中的appendTo方法是会改变页面原有的结构,包括原从页面中取到结构的地方,比如如下代码(代码来自慕课网): <!DOCTYPE html> <html> < ...

  8. JQuery中使用Ajax赋值给全局变量失败异常的解决方法,jqueryajax

    我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量,但是却怎么都赋不进,为什么呢? 原因其实很简单,我们用的Ajax是异步操作,也就是说在你赋值的时候数据还没提取出来,你当然赋不进去, ...

  9. html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别

    在jQuery中,添加元素的方法有append(),prepend和 after(),before()两种共四个.但很多人对他们的使用有点混淆,今天就来分析一下.append()和prepend()的 ...

  10. jquery after append appendTo三个函数的区别

    jq文档的说明是 1.after函数 定义和用法: after() 方法在被选元素后插入指定的内容. 语法: $(selector).after(content) 实例: <html> & ...

最新文章

  1. spark(1.1) mllib 源代码分析
  2. 机器学习实战读书笔记--logistic回归
  3. gorm preload 搜索_文件太多忘记了文件放在什么地方?那你可以试试这款文件搜索工具...
  4. JS:ES6-4 简化对象与箭头函数
  5. Scihub永久链接
  6. 佳能mf4400打印机无线服务器,佳能mf4400打印机驱动
  7. 三门峡市新型智慧城市顶层设计方案通过专家评审
  8. html的坐标怎么表示,经纬度怎样表示
  9. 淘宝上的零食能买吃吗?网上进口食品的秘密。
  10. Eclipse 下载,安装,配置教程
  11. 博客园app for xamarin android
  12. 阿里云道哥:我曾经是饱受网络攻击摧残的创业者,现在我要帮他们顶住
  13. amd显卡用黑苹果输出黑屏_微星HD7850显卡DVI接口黑屏,改DSDT无果
  14. Angular项目目录结构
  15. python分析红楼梦中人物形象_分析红楼梦中你喜欢的人物形象
  16. 校招----小米一面面经
  17. 要玩就玩最好的棋牌游戏
  18. 情若人间诗词主角夏当午萧楚河by丫妖炎炎全文免费在线阅读
  19. 机器学习(三):基于线性回归对波士顿房价预测
  20. Android 在线视频播放器(Vitamio)

热门文章

  1. 【计算机网络】—— 差错控制(检错编码)
  2. 深度模型中的梯度消失和梯度爆炸
  3. 自然语言处理 —— 2.6 word2vec
  4. 基于Kmeans算法的文档聚类(包含Java代码及数据格式)
  5. java日期时间各种变换及处理
  6. Ubuntu16.04下安装Sublime Sublime Text3
  7. 人工智能建立本体库_本体论学习笔记一
  8. react html编辑器,react项目中使用富文本编辑器
  9. android 半边圆角背景,Android UI(一)Layout 背景局部Shape圆角设计
  10. access 动态 top 条件_2020年10月抖音直播营销报告_行业动态