before/after这些元素之间是兄弟关系
append/prepend这些元素之间是父子关系

before() 在什么前面插入原有的什么元素

可以传选择器 jq对象 函数 还有html字符串

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>dom的插入</title><style>ul {width: 300px;border: 1px solid #ccc;}</style>
</head>
<body><h2>我是h2,请把我插入到li前面</h2><ul><li>我是li</li></ul>
<script src="http://code.jquery.com/jquery-3.4.1.js"></script>
<script>$('li').before($('h2'));
</script>
</body>
</html>

$('li').before($('<span>我是span</span>'));
$('li').before('<span>我是span2</span>');

insertBefore() 把什么插入到什么前面

$('h2').insertBefore('li');

问: 为什么要有两个一样功能的方法?

答: 为了后续方便链式调用,执行完后return出来的元素是前面的对象。

after() 在什么元素后面插入什么元素

$('li').after($('<span>我是span</span>'));

insertAfter() 把什么元素插入在什么元素后面

$('h2').insertAfter('li');


append() 在什么元素下增加什么元素(最后一个)

$('ul').append($('h2'));

appendTo() 把什么增加在什么元素下面(最后一个)

$('h2').appendTo($('ul'));

prepend() 在什么元素下增加什么元素(第一个位置)

$('ul').prepend($('h2'));

prependTo() 把什么增加在什么元素下面(第一个位置)

$('h2').prependTo($('ul'));

jq往字符串中插入_jq: dom-插入相关推荐

  1. javascript 字符串中间隔固定位置插入字符

    javascript 字符串中间隔固定位置插入字符 代码: <!DOCTYPE html> <html lang="en"> <head>< ...

  2. c++编写函数实现字符串中指定字符位置插入字符串

    #include <iostream> #include<bits/stdc++.h> using namespace std; //定义一个void函数,有三个参数,分别是s ...

  3. jq 在字符串中,去掉指定的元素

    例: var arr= ["4.5岁", "3.5岁", "5.5岁", "5岁", "4岁"] v ...

  4. jq获取字符串中的数字 jq如何获取id里的数字

    我的每个id为 id1.id2.id3.... 每次我需要拿到id后面跟的数字 个人博客 http://www.sharedblog.cn/?post=215 <!-- 简单写几个按钮 --&g ...

  5. <力扣第292场周赛第一题>6056. 字符串中最大的 3 位相同数字

    前言 人生如逆旅,我亦是行人.----苏轼<临江仙·送钱穆父> 一.题: 给你一个字符串 num ,表示一个大整数.如果一个整数满足下述所有条件,则认为该整数是一个 优质整数 : 该整数是 ...

  6. 两个字符串,s,t;把t字符串插入到s字符串中,s字符串有足够的空间存放t字符串

    两个字符串,s,t;把t字符串插入到s字符串中,s字符串有足够的空间存放t字符串 void insert(char *s, char *t, int i){char *q = t;char *p =s ...

  7. C++ 在字符串中插入子串+推断字符串是否由空格组成

    // Example3.cpp : 定义控制台应用程序的入口点. #include "StdAfx.h" #include <string> #include < ...

  8. 《Python Cookbook 3rd》笔记(2.15):字符串中插入变量

    字符串中插入变量 问题 你想创建一个内嵌变量的字符串,变量被它的值所表示的字符串替换掉. 解法 Python 并没有对在字符串中简单替换变量值提供直接的支持.但是通过使用字符串的 format() 方 ...

  9. 如何在SQL Server VARCHAR / NVARCHAR字符串中插入换行符

    我没有看到关于这个主题的任何类似的问题,我不得不研究这个我现在正在做的事情. 以为我会发布答案,以防其他人有同样的问题. #1楼 我来到这里是因为我担心我在C#字符串中指定的cr-lfs没有在SQl ...

最新文章

  1. python2.7 Cheetah You don't have the C version of NameMapper installed
  2. Cookie注入是怎样产生的
  3. Oracle RMAN中备份表空间名为'TEST'时需要注意的问题
  4. dcc garch matlab,如何用Eviews或者MATLAB实现DCC-garch模型?
  5. poxtfix+dovecot+saslauthd+courier-authlib +mysql + extmail 完整虚拟邮箱系统部署
  6. 【R】语言第四课----读取文件
  7. [编程启蒙游戏] 1. 猜数字
  8. 前端获取后端传来的session_用java编写一个web程序,登陆后,把用户信息放在session中,前端怎样获取session的值?...
  9. (80)Vivado综合约束方法
  10. 西门子ug通用后处理_五轴UG(NX)后处理
  11. HttpModule和HttpHandler的常见用法
  12. 计算机视觉领域的一些牛人博客,超有实力的研究机构等的网站链接---个人整理
  13. JMS 消息传送模式、消息签收以及spring jmsTemplate配置
  14. 用什么软件测试电视盒子真假,几十款电视盒子软件,只挑出6款神作,可消除一切看视频的阻碍!...
  15. CCIE-MPLS路由传递
  16. Arduino与Proteus仿真实例-SHT7x温度湿度传感器驱动仿真
  17. win10下安装Debain Linux子系统
  18. “由于无法验证发行者,所以WINDOWS已经阻止此软件”的解决方法
  19. win10自动更新导致显卡驱动出问题,No AMD Graphics driver is installed or.......的解决方案
  20. 如何用postman实现接口自动化测试

热门文章

  1. php7++linux安装,安装PHP5和PHP7
  2. NYOJ---ASCII码排序
  3. android 480p分辨率,[RK3399][Android7.1] HDMI显示屏(副屏)调试记录小结
  4. 技巧:在Silverlight中如何访问外部xap文件中UserControl
  5. 从我想,到我做 | 掘金年度征文
  6. vue 源码学习(一) 目录结构和构建过程简介 1
  7. [java] DOS编译 .java 文件得到 .class 文件 并执行 以及使用外部 .jar包 时的命令...
  8. MySQL系列:数据库基本操作(1)
  9. 系统设计挖个坑(未填)
  10. (转)总结iOS 8和Xcode 6的各种坑