jQuery中wrap和wrapAll用法以及区别

简介:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function(){
 $("li").wrap("<div></div>");
  });
  </script>

</head>

<body>
<ul>
 <li title='苹果'>苹果</li>
 <li title='橘子'>橘子</li>
 <li title='菠萝'>菠萝</li>
</ul>
</body>

</html>


上面如果是 wrap,结果是:

<ul>
 <div><li title="苹果">苹果</li></div>
 <div><li title="橘子">橘子</li></div>
 <div><li title="菠萝">菠萝</li></div>
</ul>


如果是wrapAll,结果是:

<ul>
 <div><li title="苹果">苹果</li><li title="橘子">橘子</li><li title="菠萝">菠萝</li></div>
</ul>


原帖地址:http://tianjun309.iteye.com/blog/803183

目录
相关文章
|
7月前
|
JavaScript 前端开发 API
vue和jQuery有什么区别
vue和jQuery有什么区别
51 0
|
7月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
61 5
|
4月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
34 0
|
6月前
|
JavaScript 前端开发
必知的技术知识:jQuery中queue和dequeue的用法
必知的技术知识:jQuery中queue和dequeue的用法
26 0
|
7月前
|
JavaScript 前端开发 API
js和jquery的区别
js和jquery的区别
61 8
|
7月前
|
XML 前端开发 JavaScript
jQuery与javascript的区别+案例 锋芒毕露
jQuery与javascript的区别+案例 锋芒毕露
|
7月前
|
JavaScript 前端开发
jQuery 和 Zepto 的区别? 各自的使用场景?
jQuery 和 Zepto 的区别? 各自的使用场景?
46 1
|
7月前
|
JavaScript 前端开发 API
JavaScript和jQuery的区别
JavaScript和jQuery的区别
|
7月前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
62 0
|
7月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
87 0