jQuery .wrap() 使用HTML包裹选取的元素

.wrap() 使用HTML包裹选取到的每个元素

为方便链式操作,这里返回jquery对象

使用以下代码实现给

外包裹一段HTML:html>

$(document).ready(function(){

$('.inner').wrap('

});

.new {

border:1px solid red;

}

Hello
InnerText

如果我们为wrap方法执行一个回调函数。那么回调函数将在每个选取到的元素上执行。

回调函数可以返回一个DOM结构、jquery对象或者HTML用于包裹相应的元素在内,如下例所示:html>

$(document).ready(function(){

$('.inner').wrap(function() {

return '

});

});

.Hello {

border:1px solid blue;

}

.InnerText {

border:1px solid red;

}

Hello
InnerText

如何在html中选择wrap,jQuery - .wrap() 使用HTML包裹选取的元素相关推荐

  1. 如何在html中选择wrap,jQuery wrap()方法怎么用?

    jQuery wrap()方法怎么用?下面本篇文章给大家介绍一下jQuery wrap()方法的使用.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery wrap()方法怎 ...

  2. 如何在html中选择wrap,使用jQuery中的wrap()函数操作HTML元素的教程

    wrap()函数用于在每个匹配元素外部包裹指定的HTML结构. 与该函数相对的是unwrap()函数,用于当前匹配元素的父元素(只移除父元素,其内部节点全部保留). 该函数属于jQuery对象(实例) ...

  3. 如何在Excel中选择单元格时高亮显示行和列

    在Excel中,选择单元格时高亮显示行和列的方法如下: 选择要高亮显示的单元格 在"开始"选项卡中,单击"格式"命令按钮 在弹出的菜单中选择"行和列& ...

  4. 如何在Excel中选择单元格时自动高亮显示整行和整列

    要在Excel中选择单元格时自动高亮显示整行和整列,请按照以下步骤操作: 打开Excel工作表. 点击"开始"菜单中的"Excel选项". 在Excel选项窗口 ...

  5. 如何在uni-app中选择一个合适的UI组件库

    uni-app框架转眼已经发布了一年多,使用uni-app的开发者也是与日俱增.因为uni-app是一个跨端框架,所以我们大多使用它就是为了同时一套代码跨多端,选择uni-app 可以算是眼下一个比较 ...

  6. 数据库入门教程:如何在 MySQL 中选择除了某一列以外的所有列?

    点击下载Navicat for MySQL SQL通过SELECT *(SELECT ALL)子句使选择表中的所有字段变得非常简单. 不幸的是,一旦您从列表中省略一列,SELECT ALL语句就会消失 ...

  7. 如何在Java中选择Map/List/Set

    简单版本 复杂版本 参考: http://initbinder.com/articles/cheat-sheet-for-selecting-maplistset-in-java.html http: ...

  8. 如何在jQuery的SELECT元素中选择特定选项?

    如果您知道索引,值或文本. 另外,如果您没有直接参考的ID. 这 , 这和这都是有用的答案. 标记示例 <div class="selDiv"><select c ...

  9. wordpress添加媒体_如何在WordPress中添加jQuery FAQ手风琴

    wordpress添加媒体 Recently one of our users asked us if there was a way for them to add a FAQ accordion ...

最新文章

  1. VBA Editor Addins -- VBE插件模板开发众筹
  2. 用SSDT方法恢复冒险岛的部分函数
  3. leetcode 1328. Break a Palindrome | 1328. 破坏回文串(贪心)
  4. (Ⅰ)基于Hexo+GitHub Page搭建博客,绑定域名及备份
  5. android 控制word,Android使用POI进行Word操作(一)
  6. 华为root工具_华为手机EMUI9 ROOT通用操作方法
  7. CSU 1329: 一行盒子
  8. L3-005. 垃圾箱分布-PAT团体程序设计天梯赛GPLT(Dijkstra)
  9. php判断当前浏览器是否微信浏览器
  10. windbg内核诊断方式--转载
  11. 模拟器搭建之一:如何搭建MT6573 模拟器
  12. Android开启OTG功能/USB Host API功能
  13. 开发中常用的网址(快速解决方法)、免费的api接口地址、以及外包的接私活平台
  14. Notes Domino V12Beta划重点
  15. [流行偶像]分析王菲唱腔的精辟文字(转载)
  16. 【linux】运维之LAMP
  17. java给文件777权限_从今往后,谁再告诉你Linux上chmod -R 777解决权限,果断绝交
  18. AI出现的历史渊源,透过现象看实质
  19. 白炽灯的用途和工作原理
  20. hive 读取 map的value

热门文章

  1. InfluxDB Cli中查询结果中time格式显示设置
  2. Powershell 自定义对象小技巧
  3. Android 百度地图 SDK v3.0.0 (一)
  4. saltstack event配合websocket客户端实时推送结果
  5. requirejs 学习笔记 0
  6. h3c ospf stub total stub nssa
  7. 卡巴斯基正版下载及授权激活(4.8号更新)
  8. mysql for mac
  9. python os 常用方法_【Python 库】os 模块常用方法简介
  10. SSH家政服务系统设计与实现答辩PPT免费下载