jq往字符串中插入_jq: dom-插入
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-插入相关推荐
- javascript 字符串中间隔固定位置插入字符
javascript 字符串中间隔固定位置插入字符 代码: <!DOCTYPE html> <html lang="en"> <head>< ...
- c++编写函数实现字符串中指定字符位置插入字符串
#include <iostream> #include<bits/stdc++.h> using namespace std; //定义一个void函数,有三个参数,分别是s ...
- jq 在字符串中,去掉指定的元素
例: var arr= ["4.5岁", "3.5岁", "5.5岁", "5岁", "4岁"] v ...
- jq获取字符串中的数字 jq如何获取id里的数字
我的每个id为 id1.id2.id3.... 每次我需要拿到id后面跟的数字 个人博客 http://www.sharedblog.cn/?post=215 <!-- 简单写几个按钮 --&g ...
- <力扣第292场周赛第一题>6056. 字符串中最大的 3 位相同数字
前言 人生如逆旅,我亦是行人.----苏轼<临江仙·送钱穆父> 一.题: 给你一个字符串 num ,表示一个大整数.如果一个整数满足下述所有条件,则认为该整数是一个 优质整数 : 该整数是 ...
- 两个字符串,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 ...
- C++ 在字符串中插入子串+推断字符串是否由空格组成
// Example3.cpp : 定义控制台应用程序的入口点. #include "StdAfx.h" #include <string> #include < ...
- 《Python Cookbook 3rd》笔记(2.15):字符串中插入变量
字符串中插入变量 问题 你想创建一个内嵌变量的字符串,变量被它的值所表示的字符串替换掉. 解法 Python 并没有对在字符串中简单替换变量值提供直接的支持.但是通过使用字符串的 format() 方 ...
- 如何在SQL Server VARCHAR / NVARCHAR字符串中插入换行符
我没有看到关于这个主题的任何类似的问题,我不得不研究这个我现在正在做的事情. 以为我会发布答案,以防其他人有同样的问题. #1楼 我来到这里是因为我担心我在C#字符串中指定的cr-lfs没有在SQl ...
最新文章
- python2.7 Cheetah You don't have the C version of NameMapper installed
- Cookie注入是怎样产生的
- Oracle RMAN中备份表空间名为'TEST'时需要注意的问题
- dcc garch matlab,如何用Eviews或者MATLAB实现DCC-garch模型?
- poxtfix+dovecot+saslauthd+courier-authlib +mysql + extmail 完整虚拟邮箱系统部署
- 【R】语言第四课----读取文件
- [编程启蒙游戏] 1. 猜数字
- 前端获取后端传来的session_用java编写一个web程序,登陆后,把用户信息放在session中,前端怎样获取session的值?...
- (80)Vivado综合约束方法
- 西门子ug通用后处理_五轴UG(NX)后处理
- HttpModule和HttpHandler的常见用法
- 计算机视觉领域的一些牛人博客,超有实力的研究机构等的网站链接---个人整理
- JMS 消息传送模式、消息签收以及spring jmsTemplate配置
- 用什么软件测试电视盒子真假,几十款电视盒子软件,只挑出6款神作,可消除一切看视频的阻碍!...
- CCIE-MPLS路由传递
- Arduino与Proteus仿真实例-SHT7x温度湿度传感器驱动仿真
- win10下安装Debain Linux子系统
- “由于无法验证发行者,所以WINDOWS已经阻止此软件”的解决方法
- win10自动更新导致显卡驱动出问题,No AMD Graphics driver is installed or.......的解决方案
- 如何用postman实现接口自动化测试
热门文章
- php7++linux安装,安装PHP5和PHP7
- NYOJ---ASCII码排序
- android 480p分辨率,[RK3399][Android7.1] HDMI显示屏(副屏)调试记录小结
- 技巧:在Silverlight中如何访问外部xap文件中UserControl
- 从我想,到我做 | 掘金年度征文
- vue 源码学习(一) 目录结构和构建过程简介 1
- [java] DOS编译 .java 文件得到 .class 文件 并执行 以及使用外部 .jar包 时的命令...
- MySQL系列:数据库基本操作(1)
- 系统设计挖个坑(未填)
- (转)总结iOS 8和Xcode 6的各种坑