文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
    时间不限
    最近一周
    最近一月
    最近三月
  • 来自专栏码猿技术专栏

    JQuery干货篇之操控DOM

    prependTo 1.9. after 1.10. before 1.11. insertBefore 1.12. insertAfter 1.13. wrap 1.14. unwrap 1.15. wrapAll JQuery干货篇之插入元素 本次使用的html,css还是我上一篇的源代码，详情请看上一篇文章 分类 插入子元素：append,prepend ,appendTo,prependTo 封装包裹元素：wrap,wrapAll 在集合中所有匹配元素的外面包裹一个HTML结构,也就是为结果集中的所有元素都设置了一个相同的父级元素来包裹所有的元素，形式为wrapAll(html),wrapAll(jquery),wrapAll (htmlElements[]),wrapAll(function()) 实例： var div = $("

    ").css("border", 'thick double red '); $("div.drow").wrapAll(div); //这里的div成为了他共有的父级元素，原来的父级元素变成了祖先元素了 $("img").wrapAll(div); //这里的img

    1.4K10发布于 2019-12-30
  • 来自专栏对角另一面

    读Zepto源码之操作DOM

    .wrapAll() wrapAll: function(structure) { if (this[0]) { $(this[0]).before(structure = $(structure return this.each(function(index) { $(this).wrapAll( func ? dom.cloneNode(true) : dom ) }) 对集合进行遍历，调用 wrapAll 方法，如果 structure 为函数，则将回调函数返回的结果作为参数传给 wrapAll ； 否则 ，如果 clone 为 true ，则将 dom 也即包裹元素的副本传给 wrapAll ，否则直接将 dom 传给 wrapAll。 contents.wrapAll(dom) : self.append(dom) }) }, 将集合中每个元素的内容都用指定的结构 structure 包裹。

    1.1K00发布于 2017-12-27
  • 来自专栏柠檬先生

    jquery 操作DOM元素(1)

    div class="Goodbye"> 　　　　　　　　

    Goodbye
    　　　　　　
    　　　　
    .wrapAll .wrapAll(wrappingElement) 　　　　wrappingElement 　　　　　　一个选择器，元素，html字符。 　　　　 ="inner">Hello
    　　　　　　
    Goodbye
    　　　　
　　　　$('.inner').wrapAll Hello
　　　　　　　　　　
Goodbye
　　　　　　　　
　　　　　　
　　　　.wrapAll $("p").wrapAll($(".doublediv")); 　　　　　　　　在所有的"p"元素 .wraplnner() 　　　　在匹配元素里的内容外包一层结构。 　　　　

1.9K50发布于 2018-01-19
  • 来自专栏IMWeb前端团队

    jQuery中的DOM操作

    将所有的元素进行单独包裹 wrap(“”) wrapAll() 将所有匹配的元素用一个元素来包裹， wrapAll(“”) wrapInner()包裹指定元素中的子内容（包括文本节点） find()方法

    2K70发布于 2017-12-29
  • 来自专栏IMWeb前端团队

    jQuery中的DOM操作

    将所有的元素进行单独包裹 wrap(“”) wrapAll() 将所有匹配的元素用一个元素来包裹， wrapAll(“”) wrapInner()包裹指定元素中的子内容（包括文本节点） find()方法

    1.7K20发布于 2019-12-03
  • 来自专栏IMWeb前端团队

    看Zepto如何实现增删改查DOM

    包裹元素 wrapAll 在所有匹配元素外面包一个单独的结构。 结构可以是单个元素或 几个嵌套的元素zeptojs_api/#wrapAll wrapAll: function (structure) { // 如果选中的元素存在 if (this[0] zeptojs_api/#wrapAll wrap: function (structure) { var func = isFunction(structure) // 当前选中的元素不为空 方法 return this.each(function (index) { $(this).wrapAll( // 如果structure为函数，则将当前的元素和对应的索引传入函数 contents.wrapAll(dom) : self.append(dom) }) } 需要注意的是这个函数和前面的wrapAll和wrap有点不一样，这里强调的是将当前元素中的内容(包括元素节点和文本节点

    1.9K10发布于 2019-12-03
  • 来自专栏IMWeb前端团队

    看Zepto如何实现增删改查DOM

    包裹元素 wrapAll 在所有匹配元素外面包一个单独的结构。 结构可以是单个元素或 几个嵌套的元素zeptojs_api/#wrapAll wrapAll: function (structure) { // 如果选中的元素存在 if (this[0] zeptojs_api/#wrapAll wrap: function (structure) { var func = isFunction(structure) // 当前选中的元素不为空， 方法 return this.each(function (index) { $(this).wrapAll( // 如果structure为函数，则将当前的元素和对应的索引传入函数 contents.wrapAll(dom) : self.append(dom) }) } 需要注意的是这个函数和前面的wrapAll和wrap有点不一样，这里强调的是将当前元素中的内容(包括元素节点和文本节点

    2.9K90发布于 2018-01-08
  • 来自专栏码匠的流水账

    聊聊ExecutorService的监控

    extends Callable<T>> tasks) throws InterruptedException { return delegate.invokeAll(wrapAll(tasks tasks, long timeout, TimeUnit unit) throws InterruptedException { return delegate.invokeAll(wrapAll Callable<T>> tasks) throws InterruptedException, ExecutionException { return delegate.invokeAny(wrapAll throws InterruptedException, ExecutionException, TimeoutException { return delegate.invokeAny(wrapAll extends Callable<T>> wrapAll(Collection<?

    1.5K20发布于 2018-10-18
  • 来自专栏我的博客

    JQuery中DOM操作示例代码

    第二部分 <script language=”javascript”> $(“strong”).wrap(“”); // 每个strong都被包裹，而wrapAll 是对整体包裹,如果中间有其他元素会放在包裹元素之后 $(“strong”).wrapAll(“”); $(“strong”).wraplnner(“”);//这个是包裹了strong

    1.6K40发布于 2018-05-07
  • 来自专栏IMWeb前端团队

    FIS应用实例-require.js+CMD模块

    { postprocessor : { jswrapper : { type: 'amd', wrapAll { postprocessor : { jswrapper : { type: 'amd', wrapAll

    2.4K90发布于 2017-12-29
  • 来自专栏CSDN博客专家-小蓝枣的博客

    jQuery知识点笔记-常用方法

    (可能只是insertAfter()不支持)； 特殊的删除detach()，删完可以加回来，属于临时删除； clone()只克隆结构，clone(true)克隆结构和事件； warp()一个一个包裹，wrapAll

    99620发布于 2020-09-25
  • 来自专栏bamboo前端学习记录

    jQuery DOM操作

    2、.wrapAll(wrappingElement) 把所有匹配对象包裹在同一个HTML结构中

    Hello</ div>
    Goodbye
    $( ".inner" ).wrapAll( "
    "); 看看结果

    1.4K30发布于 2019-01-29
  • 来自专栏柠檬先生

    zepto 基础知识(5)

    wrap each code block in a div and pre: 　　　　$('code').wrap('

    ')
83.wrapAll 　　wrapAll(structure)    类型：self
	　　在所有匹配元素外面包一个单独的结构，结构可以是单个元素或几个嵌套的元素，并且可以通过在
	　　作为HTML 字符串或DOM节点。 // wrap all buttons in a single div:
	　　$('a.button').wrapAll('
    ')

84.wraplnner
	　　
    89170发布于 2018-01-19
  • 来自专栏IMWeb前端团队
    FIS应用实例-require.js+CMD模块
    {
        postprocessor : {
            jswrapper : {
                type: 'amd',
                wrapAll {
        postprocessor : {
            jswrapper : {
                type: 'amd',
                wrapAll
    1.8K20发布于 2019-12-03
  • 来自专栏云计算linux
    Jquery基础之DOM操作
    3、包裹节点$(element).wrap()、$(element).wrapAll()、$(element).wrapInner()
　　　　　　　包裹节点方法使用其他标记包裹目标元素从而改变元素的显示形式等 包裹节点有三种实现形式：wrap();wrapAll();wrapInner();
　　　　　　　wrap()方法如下：$(dstelement).wrap(tag);例：
　　　　　　　　$("p") wrapAll()方法如下：$(dstelement).wrapAll(tag);例：
　　　　　　　　$("p").wrapAll("");访示例方法使用b标签包裹所有的p元素，所有的p
    66810编辑于 2024-12-19
  • 来自专栏王小雷
    jQuery学习笔记之DOM操作、事件绑定（2）
    jQuery
        jQuery
wrapAll jQuery
        jQuery
        //jQuery代码如下：
        $("strong").wrapAll
    2.1K10发布于 2019-05-26
  • 来自专栏达达前端
    Web前端JQuery面试题（二）
    wrap(html): 将所有选择的元素用其他字符串代码包裹起来
 wrap(elem): 将所有选择的元素用其他Dom元素包裹起来
wrap(fn)
 unwrap() 移除所选元素的父元素或包裹的标记
wrapAll (html),wrapAll(elem)
wrapInner(html),wrapInner(elem)
wrapInner(fn)
wrap(html), wrapInner(html);

包裹外部元素
    2.7K30发布于 2019-07-03
  • 来自专栏静默虚空的博客
    jQuery DOM操作
    ").replaceAll("p");
包裹节点
有时候需要把某个节点用其他标签包裹起来，jQuery有三种方法：wrap()、wrapAll()、wrapInner()。 strong>元素包裹起来
/* 结果是：
你好
你好
*/

// wrapAll $("strong").wrapAll("");  //用标签把元素包裹起来
/* 结果是：

你好
    2.6K60发布于 2018-01-05
  • 来自专栏老马寒门IT
    04-老马jQuery教程-DOM节点操作及位置和大小
    -- 结果: -->
    
    Hello
    
    
    cruel
    
    
    World
    
2.7 集合包装wrapAll(html|ele)方法
概述
将所有匹配的元素用单个元素包裹起来 参数
 
html， String类型，HTML标记代码字符串，用于动态生成元素并包装目标元素
elem， Element类型，用于包装目标元素的DOM元素
 示例
 
$("p").wrapAll(" 
    ");
// 用一个生成的div将所有段落包裹起来
$("p").wrapAll(document.createElement("div"));
2.8 包裹内部子元素wrapInner
    3K90发布于 2018-01-05
  • 来自专栏云计算linux
    WEB入门之十六 操作DOM节点
    表7-1-3  节点包裹函数
函数	说明
wrap( )	A.wrap( B )，用B包裹每一个A
wrapAll( )	A.wrapAll( B )，把所有的A作为整体用B包裹
wrapInner( )	A.wrapInner( B )，用B把A中的子元素整个包裹

我们先通过一个示例演示wrap和wrapAll函数的区别，参考代码如下所示。 "span").wrap("
    ");</script>
上述代码使用wrap函数给所有的span标签包裹了一个带有黑色边框的div
如果把上述代码中的wrap换成wrapAll
    1.5K10编辑于 2024-12-18
    • 第 2 页第 3 页
    点击加载更多
    腾讯云开发者
    扫码关注腾讯云开发者
    扫码关注腾讯云开发者
    领取腾讯云代金券
    热门产品
    热门推荐
    更多推荐
    Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 
    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号
    腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号
    领券