1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

jquery包裹

直接上代码:

<!DOCTYPE html>      <html>      	<head>      		<meta charset="UTF-8">      		<title></title>      		<script src="jquery-1.11.3.min.js.js" type="text/javascript"></script>      		<script type="text/javascript">      			$(function(){      				$('#btn').click(function(){      //					给每一个被选中的p标签 加包裹      //					$('p').wrap('<div class="hd"></div>');      //					setTimeout(function(){      ////						取消包裹      //					$('p').unwrap();	        //					},2000)      //					给每一个被选中的p标签  取消包裹      //					$('p').unwrap();      //					所有被选中的p标签加起来只包裹一个class     加包裹      //					$('p').wrapAll('<div class="hd"></div>');      //					包内容        加包裹      					$('p').wrapInner('<span class="hd"></span>');      				})      			})      		</script>      	</head>      	<body>      		<input type="button" name="" id="btn" value="包裹" />      		<br /><br />      		<p>好看的电视剧电影1</p>      		<p>好看的电视剧电影2</p>      		<p>好看的电视剧电影3</p>      		<p>好看的电视剧电影4</p>      		<p>好看的电视剧电影5</p>      		<p>好看的电视剧电影6</p>      	</body>      </html>

上面代码效果图片:

原文链接:https://www.qiquanji.com/post/7661.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: