27 返回的jQuery对象可以通过下标来操纵你指定下标的span元素
一：包装结点：指用指定HTML布局包装现有元素，被包装元素成为布局的子结点。就仿佛python中的装饰器。
1：wrap()：
wrap要领用指定HTML布局包装结点，参数可以是HTML字符串、选择器或者jQuery东西。匹配多个结点时，分袂包装各个结点。
2：wrapAll()：
wrapAll要领将所有选中的结点包装在一个HTML布局中，参数可以是HTML字符串、选择器或者jQuery东西。
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>包装现有元素</title> 7 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> 8 </script> 9 <style type="text/css"> 10 div { 11 border: 1px solid rebeccapurple; 12 padding: 5px; 13 margin: 5px; 14 } 15 </style> 16 </head> 17 <script> 18 $(function() { 19 $(‘#btn‘).click(function() { 20 //$(‘:type‘) 21 $(‘:text‘).wrap(‘<div><b></b></div>‘) 22 }) 23 $(‘#btn1‘).click(function() { 24 /* 25 $(‘元素‘).$(‘span‘)匹配到了三个span元素, 26 返回的jQuery东西是一个数组,包罗这三个span元素的jQuery东西, 27 返回的jQuery东西可以通过下标来独霸你指定下标的span元素。 28 */ 29 $(‘span‘).wrapAll(‘<div><b></b></div>‘) 30 var a = $(‘span‘) 31 console.log(typeof a) 32 console.log(a) 33 }) 34 }) 35 </script> 36 37 <body> 38 用户名： 39 <input type="text" value="username"><br> 40 <span type="text">wrap包装：当匹配到多个结点时分袂包装结点,</span><br> 41 <!--单击包装后在浏览器中检察源代码--> 42 <button id="btn">wrap包装</button><br> 43 <button id="btn1">wrapAll元素</button><br> 44 <!--wrapAll要领会把所有的span元素包装到一个指定的HTML布局中--> 45 <span >知道学院</span>在线<span>jQuery教程</span><br> 46 </body> 47 48 </html>
二：
1：wrapInner()要领
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/30323.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")