选择器 外部插入
来源:互联网 发布:php post 编辑:程序博客网 时间:2024/05/22 14:52
after(content|fn)
概述
在每个匹配的元素之后插入内容。
参数
content
插入到每个目标后的内容
function
函数必须返回一个html字符串。
示例
描述:
在所有段落之后插入一些HTML标记代码。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").after("<b>Hello</b>");
结果:
<p>I would like to say: </p><b>Hello</b>
描述:
在所有段落之后插入一个DOM元素。
HTML 代码:
<b id="foo">Hello</b><p>I would like to say: </p>
jQuery 代码:
$("p").after( $("#foo")[0] );
结果:
<p>I would like to say: </p><b id="foo">Hello</b>
描述:
在所有段落中后插入一个jQuery对象(类似于一个DOM元素数组)。
HTML 代码:
<b>Hello</b><p>I would like to say: </p>
jQuery 代码:
$("p").after( $("b") );
结果:
<p>I would like to say: </p><b>Hello</b>
before(content|fn)
概述
在每个匹配的元素之前插入内容。
参数
content
插入到每个目标后的内容
function
函数必须返回一个html字符串。
示例
描述:
在所有段落之前插入一些HTML标记代码。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").before("<b>Hello</b>");
结果:
[ <b>Hello</b><p>I would like to say: </p> ]
描述:
在所有段落之前插入一个元素。
HTML 代码:
<p>I would like to say: </p><b id="foo">Hello</b>
jQuery 代码:
$("p").before( $("#foo")[0] );
结果:
<b id="foo">Hello</b><p>I would like to say: </p>
描述:
在所有段落中前插入一个jQuery对象(类似于一个DOM元素数组)。
HTML 代码:
<p>I would like to say: </p><b>Hello</b>
jQuery 代码:
$("p").before( $("b") );
结果:
<b>Hello</b><p>I would like to say: </p>
insertAfter(content)
概述
把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
实际上,使用这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
参数
content
用于匹配元素的jQuery表达式
示例
描述:
把所有段落插入到一个元素之后。与 $("#foo").after("p")相同
HTML 代码:
<p>I would like to say: </p><div id="foo">Hello</div>
jQuery 代码:
$("p").insertAfter("#foo");
结果:
<div id="foo">Hello</div><p>I would like to say: </p>
insertBefore(content)
概述
把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
实际上,使用这个方法是颠倒了常规的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
参数
content
用于匹配元素的jQuery表达式
示例
描述:
把所有段落插入到一个元素之前。与 $("#foo").before("p")相同。
HTML 代码:
<div id="foo">Hello</div><p>I would like to say: </p>
jQuery 代码:
$("p").insertBefore("#foo");
结果:
<p>I would like to say: </p><div id="foo">Hello</div>
对应内部插入的方法一样。
- 选择器 外部插入
- jquery内外部插入
- 插入外部dwg文件,避免外部参照
- jquery 内部插入与外部插入
- jquery笔记-外部插入节点
- jQuery文档处理,外部插入
- html之插入外部资源
- CSS外部样式表+伪选择器
- CSS3系列一(概述、选择器、使用选择器插入内容)
- html5学习-CSS3-选择器插入对象
- 使用选择器在页面中插入
- 使用选择器在页面中插入内容
- 外部程序插入图片到fck
- WORD 表格前(外部)插入空行
- innerHTML 元素插入外部js文件
- jQueryDom操作之外部插入节点
- jquery DOM外部插入after()与before()
- jquery DOM外部插入insertAfter()与insertBefore()
- POJ 3069
- Mysql乱码问题
- 配置jdk环境变量
- DirectX程序通用框架
- 安装虚拟机出现无法获取VMCI驱动程序的版本:句柄无效
- 选择器 外部插入
- 在线原型界面设计工具网址21个
- PHP性能优化建议
- smarty配置文件
- 基于mfc的数字图像处理的小软件pdd的诞生-打开图片及保存图片
- C语言运算符优先级
- 【Metal API 教程:第一讲】用XCode6.1创建并调试Metal工程
- 文档处理 包裹
- YII 防止自定义sql注入