原文转自:http://blog.sina.com.cn/s/blog_780a942701015nac.html

原文:
<ul>
  <lititle='苹果'>苹果</li>
  <lititle='橘子'>橘子</li>
  <lititle='菠萝'>菠萝</li>
</ul>
 
 
1、$("li").wrap("<div></div>");
每一个选择器都添加
<ul>
  <div><lititle="苹果">苹果</li></div>
 <div><lititle="橘子">橘子</li></div>
 <div><lititle="菠萝">菠萝</li></div>
</ul>
 
2、$("li").wrapAll("<div></div>");
在所有选中的选择器最外面添加

<ul>
  <div>
   <lititle="苹果">苹果</li>
   <lititle="橘子">橘子</li>
   <lititle="菠萝">菠萝</li>
  </div>
</ul>
 
3、$("li").wrapInner("<div></div>");
为选择器的内容添加
<ul>
  <lititle='苹果'><div>苹果</div></li>
  <lititle='橘子'>><div>橘子</div></li>
  <lititle='菠萝'>><div>菠萝</div></li>
</ul>

这样一看,就一目了然了。

jQuery中wrap、wrapAll和wrapInner用法以及区别相关推荐

  1. 浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异

    本文结合W3School的文档,分析了jQuery中 wrap() wrapAll() 与 wrapInner()的差异,并给出了图文对比教程,非常的简单实用,有需要的朋友可以参考下 今晚看书的时候发 ...

  2. jquery中this与$(this)的用法区别.

    2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...

  3. 关于Jquery中ajax方法data参数用法的总结

    关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...

  4. jquery ajax实例get,jQuery中ajax的get()方法用法实例

    本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...

  5. @ini_get php,php中get_cfg_var()和ini_get()的用法及区别_php技巧_脚本之家

    本文实例讲述了php中get_cfg_var()和ini_get()的用法及区别.分享给大家供大家参考.具体分析如下: php里get_cfg_var()和ini_get()都是取得配置值的函数,当你 ...

  6. 【Java学习笔记之二十九】Java中的equals和==的用法及区别

    Java中的"equals"和"=="的用法及区别 在初学Java时,可能会经常碰到下面的代码: 1 String str1 = new String(&quo ...

  7. jQuery中hover与mouseover和mouseout的区别分析

    本文实例分析了jQuery中hover与mouseover和mouseout的区别.分享给大家供大家参考,具体如下: 以前一直以为在jquery中其实mouseover和mouseout两个事件等于h ...

  8. [jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别?

    [jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别? 在我们深入了解这些方法之前,我们先来一段常见的的HTML,作为我们编写jquery示例方法使 ...

  9. php在类定义一个我静态变量,php中静态类与静态变量用法的区别分析_PHP教程

    php中静态类与静态变量用法的区别分析 static是定义一个静态对象或静态变量,关于static 定义的变量或类方法有什么特性我们看完本文章的相关实例后就见分晓了. 1. 创建对象$object = ...

最新文章

  1. webpack4.0--如何安装和配置(一)
  2. 拥抱对手 微软崛起或靠“云计算”业务
  3. AI基础:特征工程-文本特征处理
  4. UIImagePickerController按钮的中文问题
  5. [转载]程序员如何写出杀手级简历
  6. 针织面料常见疵点及原因分析大全
  7. js中0.1+0.2 与0.3的对比
  8. python中dir函数的作用_【Python】Python内置函数dir详解
  9. 台达EH3系列PLC与温控器的MODBUS RTU通信例程
  10. mike21换成计算机名称,[转载]mike21基本介绍
  11. 阮一峰老师-Auth 2.0 的一个简单解释
  12. 关于msp430的BSL下载
  13. 0基础学Java需要多久?
  14. VUE报错You are using the runtime-only build of Vue where the template compiler is not available
  15. 网络协议和浏览器到网络简单攻防实现的探索(二)
  16. linux 路由转发 ipv6,IPv6路由
  17. 香港珠宝零售商将使用区块链平台追踪钻石
  18. html制作满天星,满天星怎么养?细心呵护也能做成干花!
  19. 全球10大智慧港口介绍
  20. MATLAB调用pointgrey相机配置过程——使用spinnaker SDK

热门文章

  1. 浅谈用原生 JS 模仿个Promise 的实现
  2. QWSLock::up(): Invalid argument
  3. ViewTreeObserver视图树观察者
  4. 在 asp.net core \ vs2015 update2 情况况下创建 asp.net core web application 的问题
  5. Discovering Urban Functional Zones Using Latent Activity Trajectories TKDE 2015
  6. The Guy Who Ran Microsoft And Google In China Clones US Startups
  7. 扩展Visual Studio 2010服务器资源管理器中的SharePoint结点
  8. 【Vegas原创】将treeview父结点的链接改为折叠事件
  9. 如何设置Winform控件的ClientRectangle
  10. 一个关于nvarchar字段排序,中英文混合排序的问题