jQuery - Manipulation操作 - insertAfter在之后插入

最新推荐文章于 2023-03-28 23:10:22 发布
最新推荐文章于 2023-03-28 23:10:22 发布
阅读量236 收藏
点赞数
文章标签： javascript php json ViewUI

jQuery - Manipulation操作 - insertAfter在之后插入

Manipulation/insertAfter

insertAfter(content )

Overview

Insert all of the matched elements after another, specified, set of elements. As of jQuery 1.3.2, returns all of the inserted elements.

This operation is, essentially, the reverse of doing a regular $(A).after(B), in that instead of inserting B after A, you're inserting A after B.

The elements must already be inserted into the document (you can't insert an element after another if it's not in the page).

Demo

Inserts all paragraphs after an element with id of "foo". Same as $("#foo"). after("p") 
$("p").insertAfter("#foo"); // check after() examples

View Source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){
$("p").insertAfter("#foo"); // check after() examples
  });
  </script>
  <style>#foo { background:yellow; }</style>
</head>
<body>
  <p> is what I said... </p><div id="foo">FOO!</div>
</body>
</html>

Arguments:

contentString
Content after which the selected element(s) is inserted.

[jQuery - Manipulation操作 - insertAfter在之后插入 - 文档]

http://docs.jquery.com/Manipulation/insertAfter

[jQuery - 官方网站]

http://jquery.com/

[jQuery - download下载]

当前版本, http://docs.jquery.com/Release:jQuery_1.3.1
下载列表, http://docs.jquery.com/Downloading_jQuery
最新代码, http://code.jquery.com/nightlies/jquery-nightly.js

[jQuery - 相关论坛]

http://groups.google.com/group/jquery-en
http://WebDev.board.newsmth.net/
http://WebGeeks.board.newsmth.net/
http://bbs.pku.edu.cn/, homepage看版
http://forum.csdn.net/SList/JavaScript/

[jQuery - 关键词]

jQuery

[jQuery - 文档]

http://docs.jquery.com/Main_Page

[jQuery - Core核心]

each迭代, http://docs.jquery.com/Core/each
jQuery, http://docs.jquery.com/Core/jQuery

[jQuery - Ajax]

jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax
jQuery的Ajax选项，http://docs.jquery.com/Ajax/jQuery.ajax#options
dataType选项，设置返回值类型
timeout选项，用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.php

readyState获取请求操作的当前状态, http://msdn2.microsoft.com/en-us/library/ms534361.aspx

[jQuery - 特效]

jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn

[jQuery - Selectors选择器]

表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
属性相等选择器，http://docs.jquery.com/Selectors/attributeEquals
checked选中, http://docs.jquery.com/Selectors/checked

:input匹配所有input, textarea, select和button元素, http://docs.jquery.com/Selectors/input

选择器在选择body中出现的title标记时，会出现和预期不同的效果。

element按指定名称匹配所有元素, http://docs.jquery.com/Selectors/element

lastChild选择最后一个子元素, http://docs.jquery.com/Selectors/lastChild

first第一个元素, http://docs.jquery.com/Selectors/first

[jQuery - Attributes属性]

val获取第一个匹配元素value属性的内容, http://docs.jquery.com/Attributes/val

[jQuery - 常用函数]

attr访问自定义属性，减少javascript脚本中代码和数据的耦合

filter, 用于在集合中过滤元素

[jQuery - Events事件]

hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit

focus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus

click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, http://docs.jquery.com/Events/click

[jQuery - Manipulation操作]

after在每个匹配的元素之后插入内容, http://docs.jquery.com/Manipulation/after

insertAfter在之后插入, http://docs.jquery.com/Manipulation/insertAfter

[jQuery - Traversing遍历器]

filter过滤, http://docs.jquery.com/Traversing/filter
find查找, http://docs.jquery.com/Traversing/find

[jQuery - Tutorials教程]

Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29

[jQuery - plugins插件]

Easing动画, http://jquery.com/plugins/project/easing
jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite
tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter
Rounded Corner圆角矩形, http://docs.jquery.com/Tutorials:Rounded_Corners#Rounded_Corners_Without_Images

Jeditable原位置编辑器插件, http://plugins.jquery.com/project/jeditable

Cookie, http://plugins.jquery.com/project/Cookie

[jQuery - Utilities实用工具]

trim去掉字符串前后的空格, http://docs.jquery.com/Utilities/jQuery.trim

[jQuery - UI]

UI, http://docs.jquery.com/UI
UI/Theming, http://docs.jquery.com/UI/Theming

[jQuery - 参考资料]

http://www.json.org/, http://www.json.org/json.js

JScript (Windows Script Technologies):, http://msdn2.microsoft.com/en-us/library/hbxc2t98.aspx

prototype Property (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/f5s9ycex.aspx

parseInt Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx

toString Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/k6xhc6yc.aspx

HTTP Status Codes (Windows):, http://msdn2.microsoft.com/en-us/library/Aa384325.aspx

HTML+TIME:, http://msdn2.microsoft.com/en-us/library/ms533112.aspx

HTA:APPLICATION对象, http://msdn2.microsoft.com/en-us/library/ms536495.aspx

About Cross-Frame Scripting and Security:关于跨框架脚本和安全, http://msdn2.microsoft.com/en-us/library/ms533028.aspx

How to Build Tables Dynamically:如何动态构建表格, http://msdn2.microsoft.com/en-us/library/ms532998.aspx

Filter Property (Tabular Data Control): - Filter属性(表格数据控件), http://msdn2.microsoft.com/en-us/library/ms531364.aspx

close Method (window):, http://msdn2.microsoft.com/en-us/library/ms536367.aspx

ECMA标准下载, http://www.ecma-international.org/publications/standards/Ecma-262.htm

parseInt Method (JScript 5.6): - IE标准, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx

complete Property (IMG, INPUT, INPUT type=image):, http://msdn2.microsoft.com/en-us/library/ms533688.aspx

fireEvent Method (A, ABBR, ACRONYM, ...):, http://msdn2.microsoft.com/en-us/library/ms536423.aspx

SunSpider JavaScript Benchmark: JavaScript性能测试, http://webkit.org/perf/sunspider-0.9/sunspider.html

onbeforeunload Event (BODY, FRAMESET, window):, http://msdn2.microsoft.com/en-us/library/ms536907.aspx

[jQuery - 综合实例]

实现前一个和后一个效果

跨窗口调用函数

定时刷新

下拉列表框打开指定网站

生成在两个边界间的随机数
文本输入框与标签自动更换

密码输入框与标签自动更换

文本输入区域与标签自动更换

Pre标签在IE与Firefox下效果相对理想的换行处理

固定表头，滚动表格内容

iteye_8623
关注
插入排序法（详细介绍）
袁君元的博客
05-13 10万+
前面我的博文中详细介绍了冒泡排序法、选择排序法，今天我们继续学习另一种排序方法—插入排序，分为前插排序和后插排序。 插入排序的基本思想是：将数组的第一个数认为是有序数组，从后往前（从前往后）扫描该有序数组，把数组中其余n-1个数，根据数值的大小，插入到有序数组中，直至数组中的所有数有序排列为止。这样的话，n个元素需要进行n-1趟排序！！！ 举个例子：4个数字4,6,7,5进行从大到小的排序。前插排...
1556. 千位分隔数-从后面进行插入数据
weixin_43327597的博客
11-04 316
给你一个整数 n，请你每隔三位添加点（即 “.” 符号）作为千位分隔符，并将结果以字符串格式返回。输入：n = 123456789。输出：“123.456.789”输入：n = 1234。输入：n = 987。输出：“1.234”
直接插入排序算法（从后往前找到合适的位置后插入）
ZQ_313的博客
09-03 9697
基本思想：每一步将一个待排序的记录，按其顺序码大小插入到前面已经排序的子序列的合适位置（从后向前找到合适的位置后），直到全部插入顺序完为止。 分析： 34  4  56  17  90  65 以第一个数34为基准（i是下标） 第一轮i=1：34和4比较，4比34小，将34往后移，4（称作操作数）存在另一个变量temp中 34  34  56  17  90  65 4  34  56...
前插与后插
热门推荐
李响
04-28 1万+
#include<iostream> using namespace std; typedef int ElemType; typedef struct lnode { ElemType data; lnode* next; }lnode, *linklist; //前插法创建单链表 void creatlist_h(linklist &l,int n) { l = ne...
插入排序从后插入版本
花里胡哨的博客
11-20 1879
插入排序从后插入版本 void cha(int wu[]) { int m,n, i,temp; for (i = 0; wu[i] != 0; i++); i--; //temp = wu[i]; if (wu[i] < wu[i - 1]) { temp = wu[i]; wu[i] = wu[i - 1]; wu[i-1] = temp; } for (n=...
在字符串a中ASCII码最大的字符后插入字符串b
weixin_41533124的博客
03-02 688
//思路：通过字符指针在字符串a中找到ascii最大的字符ch，将该位置之后的字符依次后移一位然后将b中的字符逐个插入到指定位置 #include<stdio.h> #include<string.h> int main() { char *p ,a[81],b[81],ch='A' , *q , *r;//ch表示字符串a中ascii码最大的字符 int i , j , len ; p = a + 1, q = a; printf("输入两个字符串a和b: ")
JQuery-API手册.zip
06-07
3. `insertAfter()`和`insertBefore()`：在指定元素后或前插入内容。 4. `remove()`：删除匹配的元素。 5. `clone()`：复制元素及其关联的数据和事件。 **三、事件处理（Events）** jQuery提供了一种统一的方式来...
jQueryAPI-100214.rar
05-12
jQuery提供了丰富的DOM操作方法，如`append()`、`prepend()`用于在元素内部添加内容，`before()`、`after()`则可以在元素前后插入内容。`remove()`用于删除匹配的元素，而`detach()`会保留元素的事件绑定。`clone()`...
jquery 常用 Dom操作
04-14
在 jQuery 中，属性操作主要包括获取、设置或修改元素的属性值。 1. **添加类（`addClass()`）** - **语法**：`$("selector").addClass("classname");` - **功能**：为选中的元素添加一个或多个类名。 - **示例*...
JQuery常用方法一览(网络收集集合-超级全)
05-31
- **用途**：在匹配元素之后插入内容。 - **示例**：`$("元素").after("内容");` 2. **`.append()`** - **用途**：将内容追加到匹配元素中。 - **示例**：`$("元素").append("内容");` 3. **`.appendTo()`** ...
链表的一系列操作(创建，插入，删除，从前到后，从后到前遍历整个链表)
ZCC的专栏
11-28 2553
众所周知，链表是被面试提及最频繁的数据结构，链表的结构简单，它由指针把若干个结点链接成链状结构: 1.链表的创建,插入和删除操作 (1)定义头文件List.h struct ListNode {     int       m_nValue;     ListNode* m_pNext; }; __declspec( dllexport ) ListNode* Create
基本排序（三）：插入排序 和 希尔排序- 从后向前扫描，比正操作元素大的逐步移位
quinn的专栏
03-09 2236
1. 插入排序插入排序（Insertion Sort）工作原理（维基百科） 通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置插入。插入排序实现上，通常采用in-place排序（即只需用到O(1)的额外空间的排序），因而在从后向前扫描过程中，需要反复把已排序元素逐步向后移位，为最新元素提供插入空间。算法描述：一般来说，插入排序都采用in-place在数组上实现。具体算法描述如
数据结构 线性表顺序储存
最新发布
qq_74221023的博客
03-28 158
数据结构 线性表顺序储存
jQuery 转载笔记
yqling2008
05-23 233
（一）$选择器的用法 朋友推荐用jQuery做js开发库.学习后发现果然不错不敢独享，现把学习笔记贡上 本笔记翻译自：可视JQuery 环境,建立一个html文件,加载Jquery.js, $(function(){ }) 1.$()的用法 1.1 $(html)　==>>根据html参数动态建立一个jquery对像 例子：$("hello").appe...
C语言结构体链表 节点插入方法（从前和从后）
m0_52870614的博客
07-31 6453
1.如果是从头节点前插入，则直接令新节点的下一个等于头节点，然后返回新节点即可。第三个参数是要插入的节点的位置，用结构体的值来表示（实际项目可自由更改）第四个参数是插入方式（前AHEAD/后BEHIND）第一步那么新节点的NEXT等于P->NEXT。第一步那么新节点的NEXT等于P->NEXT。第二步P的NEXT指向新节点。第二步P的NEXT指向新节点。第二个参数是要插入的新节点地址。第一个参数是原链表头节点地址。...
append(在后面添加)和prepend(在最前面添加)
Kathy_Hui的博客
09-06 7622
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;append(在后面添加)和prepend(在最前面添加)的区别&lt;/title&gt;     &lt;/head&gt; &lt
Java 字符串从后往前每隔三位添加逗号
希夏普的博客
03-05 6746
最近做一道题需要对字符串进行操作，从后往前每隔三位添加逗号，实现类似123，353，567这样的数字记法，主要用了StringBuilder类的insert方法，这个方法原型： 比如字符串s=”12345”, 则调用s.insert(2, ‘,’)会使字符串会在对应位置的前面加上‘，’。下面上写的程序： public static void main(String[] args) {
jQuery学习：第7章 - 表格操作技巧
"Table Manipulation"章节旨在帮助开发者充分利用jQuery的便利性，提升在网页开发中处理表格的效率和用户体验。通过阅读这一章，开发者不仅能学会基本的表格操作技巧，还能掌握更高级的功能，如数据处理和交互设计。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值