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:
content | String |
|
---|
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下效果相对理想的换行处理
固定表头,滚动表格内容