jQuery中的wrap()方法

原创 2015年11月18日 16:25:45

jQuery中wrap()、wrapAll()和wrapInner()的区别

(使用指定的HTML元素来包裹被选元素)

例子:

原代码:

<p>段落1</p>

<p>段落2</p>


wrap()方法:

$('p').wrap('<div></div>');

结果:

<div><p>段落1</p></div>

<div><p>段落2</p></div>


wrapAll()方法:

$('p').wrap('<div></div>');

结果:

<div>

<p>段落1</p>

<p>段落2</p>

</div>


wrapInner()方法:

$('p').wrap('<div></div>');

结果:

<p><div>段落1</div></p>

<p><div>段落2</div></p>

相关文章推荐

使用jquery的wrapAll()和wrap()方法包装元素

wrapAll() 把所有元素包装在一个容器中 wrap() 把每个元素分别包装在各自的容器中 before() insertBefore()的反向方法,功能与inser...

jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)

jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)
  • fhd001
  • fhd001
  • 2011年04月08日 19:23
  • 2205

JQuery中wrap,wrapAll,wrapInner的区别

wrap,wrapAll,wrapInner的区别这三种包裹方法对于在文档中插入额外的结构化标记往往很有用,现在说明一下三者的区别:wrap是对每一个匹配的元素分别用他元素结构化标记包裹起来,wrap...

jQuery 中的wrap 和 prependTo

wrap函数是在一个元素上面包裹一个元素,比如在一个已知的元素里面包裹一个新的元素。 prependTo 函数则是添加到一个元素上,这两个不搭边,但是这里还是要说一下顺序问题。 $(documen...
  • lnn2007
  • lnn2007
  • 2011年10月06日 15:27
  • 1146

jQuery中 wrap() wrapAll() 与 wrapInner()的区别

今晚看书的时候发现jQuery有三个包裹节点的方法,百度了一下jQuery wrap() / wrapAll() / wrapInner(),果然搜索结果 W3School的文档说明是排第一的。 ...

关于jquery的包裹节点的简单理解 wrap() wrapAll() wrapInner()

jquery中有三种包裹节点的方法: 分别是wrap() wrapAll() wrapInner() 首先看看三种方法的定义: wrap():将每一个匹配的元素进行包裹(一对一的单独包裹)。 ...

TextView使用wrap_content设置高度,上下有间隔 去除的方法,两种

Android TextView自带warp_content 上下高度间距去除的解决方法!!! TextView使用wrap_content设置高度,上下有间隔 去除的方法...

Android 自定义控件源码分析----谈Android自定义控件中 onMeasure()方法处理 wrap_content 情况的必要性

这是一篇与 Android 自定义控件相关的源码分析的文章. 主要从源码的角度分析自定义控件时, onMeasure() 方法处理其宽或高在布局文件中被设置为 wrap_content 时的必要性....

css 长单词不换行溢出容器的解决方法 word-wrap与word-break

这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句,又或者是因为这两个东西实在是...

Boost.Asio 异步执行方法,post()\dispach()\wrap().

Asio中的异步操作不仅包括 异步的客户端服务端的连接和异步的数据读写,还包括很多可以异步执行的操作。 Asio中有三种方式异步执行你指定的方法:post()、dispach()、wrap()。 p...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery中的wrap()方法
举报原因:
原因补充:

(最多只允许输入30个字)