ITPub博客

首页 > IT职业 > IT图书 > jQuery中wrap()方法的作用

jQuery中wrap()方法的作用

IT图书 作者:gabbro 时间:2021-09-11 09:59:20 0 删除 编辑

jQuery中的wrap()方法可以用其他元素的结构化标签包装所有匹配的元素。这种包装器最适用于在文档中插入额外的结构化标签,并且不会破坏原始文档的语义质量,我们可以灵活地修改我们的DOM。本文向大家介绍jQuery中的wrap()方法的作用和具体使用实例。

一、wrap()方法介绍

1、把每个被选元素放置在指定的 HTML内容或元素中;

2、分别给所匹配的元素添加指定的标签;

3、用于在每个匹配元素之前的位置插入内容。

二、wrap()方法使用实例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<a href='http://www.baidu.com'>百度</a>
		<a href='http://www.baidu.com'>百度</a>
		<a href='http://www.baidu.com'>百度</a>
		<script>
			$("a").wrap("<div></div>");
		</script>
	</body>
</html>

以上就是jQuery中wrap()方法的作用和具体使用实例介绍,需要注意它的效果是将匹配的每一个元素各用一个指定标签包裹哦~

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2873/viewspace-2830631/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-19

  • 博文量
    85
  • 访问量
    722