17
2019
08

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

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

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。