[JQ权威指南]第九天:wrap()和wrapInner()方法包裹元素节点

在页面中放置两个段落P标记,并在该标记内分别设置两个span标记,通过wrap和wrapInner()两种方法,改变标记中的外部元素与内部文本的字体显示方式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>包裹元素节点</title>
<script type="text/javascript" src="../jquery-2.1.4.js"></script>
<style type="text/css"> body{ font-size:13px;} p{ background-color:#eee; padding:5px; width:200px} </style>
<script type="text/javascript"> $(function(){ $("P").wrap("<b></b>"); $("span").wrap("<i></i>"); }) </script>
</head>

<body>
    <p>最喜爱的体育运动:<span>羽毛球</span></p>
    <p>最爱看哪类型图书:<span>网络、技术</span></p>
</body>
</html>

[JQ权威指南]第九天:wrap()和wrapInner()方法包裹元素节点_第1张图片

你可能感兴趣的:(wrap)