AIDE技术官网
AIDEZY.COM

JQuery标签包裹的三种情况

JQuery标签包裹的三种情况

JQuery标签包裹的三种情况

JQuery标签包裹的三种情况:

 

  jquery的三种包裹方式,wrap wrapinner wrapall

 

 

 

代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body> 
<input type="text">
<input type="text">
<input type="text">
<br>
<ul><li><p>我是等待包裹的文字</p></li></ul>
<br>
<input type="button" name="" value="包裹" onclick="bao();">
<input type="button" name="" value="文字包裹B标签变粗" onclick="bao2();">
</body>
<script type="text/javascript" src="jquery-3.4.1.js"></script>

<script type="text/javascript">

function bao(){
//第一种情况的wrap包裹单个
//blog:aidezy.com
$('input:text').wrap('<p></p>');
//第二种情况的wrapAll直接一次性包裹全部
$('input:text').wrapAll('<p></p>');
}

function bao2(){
//如果用wrap包的话他是默然包在外面,但是b标签一般是直接包裹文字,如果包裹一个li标签那样显得不严谨
$('p').wrapInner('<b></b>');
}


</script>
</html>

 

 

搜一下

海报生成 赞(1) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册