<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><b>Hello</b></p>
<p>123</p>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$($("p>b")[0]).appendTo($($("p")[1]))
</script>
</body>
</html>
结果:
wrap()
案例1:把所有匹配的元素用其他元素的结构化标记包裹起来。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><b>Hello</b></p>
<p>123</p>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$("p").wrap("<div class='wrap'></div>");
</script>
</body>
</html>
结果:
案例2:用原先div的内容作为新div的class,并将每一个元素包裹起来
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
$('.inner').wrap(function() {
return '<div class="' + $(this).text() + '" />';
});
结果:
<div class="container">
<div class="Hello">
<div class="inner">Hello</div>
</div>
<div class="Goodbye">
<div class="inner">Goodbye</div>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><b>Hello</b></p>
<p>123</p>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$("p").empty();
</script>
</body>
</html>
结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><b>Hello</b></p>
<p>123</p>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$("p").remove();
</script>
</body>
</html>
结果:
本文地址:https://blog.csdn.net/Guesshat/article/details/107480036
如对本文有疑问, 点击进行留言回复!!
XSS训练网站XSS Challenges所有题目解(中篇)
如何给未越狱的ios下载历史版本的app?未越狱IOS系统安装历史版本软件的方法,iPhone未越狱的手机如何安装旧版本APP?
Unity Android playerSetting相关设置
网友评论