一、after()和before()方法的区别

after()——其方法是将方法里面的参数添加到jquery对象后面去;
    如:A.after(B)的意思是将B放到A后面去;

before()——其方法是将方法里面的参数添加到jquery对象前面去。
    如:A.before(B)的意思是将A放到B前面去; 
 
二、insertAfter()和insertBefore()的方法的区别
    其实是将元素对调位置;

可以是页面上已有元素;也可以是动态添加进来的元素。

如:A.insertAfter(B);即将A元素调换到B元素后面;
    如<span>CC</span><p>HELLO</p>使用$("span").insertAfter($("p"))后,就变为<p>HELLO</p><span>CC</span>了。两者位置调换了
 
三、append()和appendTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来;
    如:A.append(B)的意思是将B放到A中来,后面追加,A的子元素的最后一个位置;

appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
    如:A.appendTo(B)的意思是将A放到B中去,后面追加,B的子元素的最后一个位置;
 
四、prepend()和prependTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来;
    如:A.append(B)的意思是将B放到A中来,插入到A的子元素的第一个位置;

appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
    如:A.appendTo(B)的意思是将A放到B中去,插入到B的子元素的第一个位置;

转载于:https://www.cnblogs.com/lanletter/p/6923882.html

jquery中append、prepend、before、after方法使用相关推荐

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

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

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

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

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

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

  4. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong>    $("#tow").attr("class&q ...

  5. 流程代码中js报错,在javaScript或者jQuery中字符串比较没有equals()方法

    问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...

  6. jquery中prop()方法和attr()方法

    接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...

  7. js进阶 10-3 jquery中为什么用document.ready方法

    js进阶 10-3  jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...

  8. html图片的隐藏与显示,Jquery中使用show()与hide()方法动画显示和隐藏图片

    (1)功能描述 在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以 ...

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

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

最新文章

  1. System.window.media.color
  2. 在jsx中绑定js表达式以及jsx注释
  3. Orleans解决并发之痛(三):集群
  4. HDU 5919 分块做法
  5. 在代码中使用协程(一)
  6. 【报告分享】2020中国248家独角兽报告.pdf(附下载链接)
  7. 王换招计算机组成与设计pdf,计算机组成原理答案(唐朔飞).pdf
  8. 《跟我学Shiro》——张开涛(链接)
  9. Android之简洁天气
  10. wps设置显示导航目录
  11. 激进投资者卡尔·伊坎辞去雅虎董事职务(每日关注,10月24日)
  12. bzoj1050: [HAOI2006]旅行comf
  13. html跑车模板,html5代码画兰博基尼跑车,6不6?
  14. python opencv 拍照_在jupyter noteb中使用opencv显示网络摄像头中的图像
  15. 【每天1分钟】MarkDown语法学习之插入表格
  16. Access 2007技巧 “伊妹儿”数据采集
  17. SLAM及深度学习环境配置总教程
  18. 微信小程序——实现音乐播放器(上下切换歌曲、进度条拉动、暂停与继续播放)
  19. WoShop分销积分直播短视频商城全开源无加密商城源码
  20. 面板门限模型Matlab,空间面板门槛模型操作及应用

热门文章

  1. Python OpenCV 形态学 (六)
  2. 智慧小镇综合解决方案
  3. 【大数据处理技术】实验8
  4. 此三层非彼三层——MVCUBD
  5. 凤凰网退出微博客领域意味着剩者为王
  6. 第7章 跨程序共享数据,探究
  7. CasperLabs推出Zug500 Delta测试网
  8. 实时检测服务器延迟和丢包率脚本,使用mtr测试网络丢包率和平均延时的脚本实例...
  9. 18awg线材最大电流_说一说车用电缆线束的金属线材
  10. 识别动物的软件,动物园碰到不认识的动物就用它