注:本笔记内容摘自《jQuery基础教程》+ jQuery 1.4.1中文参考
插入新元素
.insertBefore() 和 .before()
jQuery提供了两种将元素插入到其他元素前面的方法:.insertBefore() 和 .before()。这两个方法作用相同,它们的区别取决于如何将他们与其他方法进行连缀。
insertBefore(content) 返回值:jQuery
概述
把所有匹配的元素插入到另一个、指定的元素集合的前面。
实际上,使用这个方法是颠倒了常规的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore,insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
参数
content String
用于匹配元素的jQuery表达式
示例
描述:
把所有段落插入到一个元素之前。与$("#foo").before("p")相同。
HTML 代码:
<divid="foo">Hello</div><p>I would like to say: </p>
jQuery 代码:
$("p").insertBefore("#foo");
结果:
<p>Iwould like to say: </p><div id="foo">Hello</div>
.insertAfer() 和 .after()
用于向其他元素后面插入元素的方法:.insertAfer() 和 .after()。
insertAfter(content) 返回值:jQuery
概述
把所有匹配的元素插入到另一个、指定的元素集合的后面。
实际上,使用这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore,insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
参数
content String
用于匹配元素的jQuery表达式
示例
描述:
把所有段落插入到一个元素之后。与$("#foo").after("p")相同
HTML 代码:
<p>Iwould like to say: </p><div id="foo">Hello</div>
jQuery 代码:
$("p").insertAfter("#foo");
结果:
<divid="foo">Hello</div><p>I would like to say: </p>
after(content) 返回值:jQuery
概述
在每个匹配的元素之后插入内容。
参数
content String, Element, jQuery
插入到每个目标后的内容
示例
描述:
在所有段落之后插入一些HTML标记代码。
HTML 代码:
<p>Iwould like to say: </p>
jQuery 代码:
$("p").after("<b>Hello</b>");
结果:
<p>Iwould like to say: </p><b>Hello</b>
描述:
在所有段落之后插入一个DOM元素。
HTML 代码:
<bid="foo">Hello</b><p>I would like to say: </p>
jQuery 代码:
$("p").after($("#foo")[0] );
结果:
<p>Iwould like to say: </p><b id="foo">Hello</b>
描述:
在所有段落中后插入一个jQuery对象(类似于一个DOM元素数组)。
HTML 代码:
<b>Hello</b><p>Iwould like to say: </p>
jQuery 代码:
$("p").after($("b") );
结果:
<p>Iwould like to say: </p><b>Hello</b>
分享到:
相关推荐
JQuery1.4.1 文件包。包含三个文件jquery-1.4.1.js jquery-1.4.1.min.js jquery-1.4.1-vsdoc.js
jQueryEasyUI1.4.1-版-API-中文版
包含翻译后的API文档:mkl-2018.1-1.4.1-javadoc-API文档-中文(简体)-英语-对照版.zip; Maven坐标:org.bytedeco.javacpp-presets:mkl:2018.1-1.4.1; 标签:bytedeco、javacpp、presets、mkl、中英对照文档、jar包...
nacos1.4.1和jdk-8u291-windows-x64
包含翻译后的API文档:commons-compress-1.4.1-javadoc-API文档-中文(简体)版.zip; Maven坐标:org.apache.commons:commons-compress:1.4.1; 标签:apache、compress、commons、jar包、java、中文文档; 使用方法...
包含翻译后的API文档:javacpp-1.4.1-javadoc-API文档-中文(简体)版.zip; Maven坐标:org.bytedeco:javacpp:1.4.1; 标签:bytedeco、javacpp、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用浏览器...
学习Jquery的下哦~~ jquery-ui-1.8.1内有样式和案例,jQuery-api 1.4.1最新的帮助文档^-^
commons-net-1.4.1 和 jakarta-oro-2.0.8 .rar
包含翻译后的API文档:lz4-java-1.4.1-javadoc-API文档-中文(简体)版.zip; Maven坐标:org.lz4:lz4-java:1.4.1; 标签:lz4、java、中文文档、jar包; 使用方法:解压翻译后的API文档,用浏览器打开“index.html”...
网上收集整理的jquery1.4.1手册,给需要的朋友。可以挂在个人主页上哦,方便查询。
包含翻译后的API文档:javacpp-1.4.1-javadoc-API文档-中文(简体)-英语-对照版.zip; Maven坐标:org.bytedeco:javacpp:1.4.1; 标签:bytedeco、javacpp、中英对照文档、jar包、java; 使用方法:解压翻译后的API...
scipy-1.4.1-cp38-cp38-win_amd64.whl 三个包 python 必备资源包,tensorflow安装前置条件。 安装说明: 1、解压缩; 2、打开Anaconda Prompt (Anaconda3); 3、进入包所在目录,pip install package_name; 完成
jquery 1.4.1jquery 1.4.1jquery 1.4.1jquery 1.4.1jquery 1.4.1
包含翻译后的API文档:lz4-java-1.4.1-javadoc-API文档-中文(简体)-英语-对照版.zip; Maven坐标:org.lz4:lz4-java:1.4.1; 标签:lz4、java、中英对照文档、jar包; 使用方法:解压翻译后的API文档,用浏览器打开...
包含翻译后的API文档:commons-compress-1.4.1-javadoc-API文档-中文(简体)-英语-对照版.zip; Maven坐标:org.apache.commons:commons-compress:1.4.1; 标签:apache、compress、commons、jar包、java、API文档、...
jquery-1.4.1-vsdoc API 和jquery-1.4.1-vsdoc ,好用,试过了,有提示,不过是英文的,还有用VS2008的想要智能提示,还得装VS2008SP1补丁,然后还有一个VS90SP1-KB958502-x86.exe
包含翻译后的API文档:openblas-0.2.20-1.4.1-javadoc-API文档-中文(简体)版.zip; Maven坐标:org.bytedeco.javacpp-presets:openblas:0.2.20-1.4.1; 标签:bytedeco、javacpp、presets、openblas、中文文档、jar...
FFMPEG3.4.1+JavaCV1.4.1+OpenCV3.4.1的安卓及macos平台支持库。全套资源,需要下载:https://download.csdn.net/download/tianfool/10405853 本资源文件列表: artoolkitplus-macosx-x86_64.jar ffmpeg-macosx-x86...
robotframework-ride-1.4.1.win-amd64.exe,可视化的自动化开发工具。
jQuery1.4.1 API 中文参考手册,速查表,记得右键属性下进行设置。