wrapInner(elem) 返回值:jQuery
概述
将每一个匹配的元素的子内容(包括文本节点)用DOM元素包裹起来
参数
elemElement
用于包装目标元素的DOM元素
示例
描述:
把所有段落内的每个子内容加粗
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").wrapInner(document.createElement("b"));
结果:
<p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
...
wrapInner(html) 返回值:jQuery
概述
将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。
参数
htmlString
HTML标记代码字符串,用于动态生成元素并包装目标元素
示例
描述:
把所有段落内的每个子内容加粗
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").wrapInner("<b></b>");
结果:
&...
wrapAll(html) 返回值:jQuery
概述
将所有匹配的元素用单个元素包裹起来
这于 '.wrap()' 是不同的,'.wrap()'为每一个匹配的元素都包裹一次。这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。
参数
htmlString
TML标记代码字符串,用于动态生成元素并包装目标元素
示例
描述:
用一个生成的div将所有段落包裹起来
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$(...
wrap(elem) 返回值:jQuery
概述
把所有匹配的元素用其他元素的结构化标记包装起来。
参数
elemElement
用于包装目标元素的DOM元素
示例
描述:
用ID是"content"的div将每一个段落包裹起来
HTML 代码:
<p>Test Paragraph.</p><div id="content"></div>
jQuery 代码:
$("p").wrap(document.getElementById('content'));
结果:
<div id="content"><p>Test Paragraph.</p></div><div id="content"></div>
...
wrap(html) 返回值:jQuery
概述
把所有匹配的元素用其他元素的结构化标记包裹起来。
这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时无法使用这个函数。因此,如果要添加文本应该在包裹完成之后再行添加。
参数
htmlString
HTML标记代码字符串,用于动态生成元素并包裹目标元素
示例
描述:
把所有的段落用一个新创建的div包裹起来
HTML ...
wrap [1.6.0]
wrap(wrapperFunction[, arg...]) -> Function
将原始函数封装到参数 wrapperFunction 表示的函数中,返回一个新的函数。调用新函数时, 实质是将 wrapperFunction 函数的第一个参数设置为绑定了当前 this 对象的原始函数,然后再调用 wrapperFunction 函数。
Function#wrap 体现了 面向方面的程序设计 的本质,让你能够轻松的为已有的函数指定调用前和调用后的行为,改变返回的结果, 甚至还可以阻止对原始函数的调用。
样例
String.prototype.capitalize = String.prototype.capitalize.wrap(
function(proceed, eachWord) {
if (eachWord && this.include(&...
Element.wrap(element, wrapper[, attributes]) -> HTMLElement
someElement.wrap(wrapper[, attributes]) -> HTMLElement
将 element 表示的元素放入到参数 wrapper 指定的元素内部,返回 wrapper。
在 Internet Explorer 中,如果对 textarea 元素使用 wrap 实例方法(如 $('foo').wrap('p')),将会引发错误。这是因为 IE 对 HTML 进行了一些私下的扩展,而 wrap 是 textarea 扩展后的一个属性。在这种情形下,请使用一般的版本(Element.wrap('foo', 'p'))。
如果页面上存在指定的元素,Element#wrap 会在恰当的位置封装它——元素在页面上的的位置不会发生变化。
参数 wrapper 可以是一个当前...