包裹元素
在jQuery中使用wrap()和wrapInner()方法包裹元素和内容,但前者用于包裹元素本身,后者则用于包裹元素中的内容。
wrap()语法形式:$(selector).wrap(wrapper)
wrapInner()语法形式:$(selector).wrapInner(wrapper)
参数selector为被包裹的元素,wrapper参数为包裹元素的格式。
示例如下:
代码实现
<script type="text/javascript">
$(function(){
$("p").wrap("");//所有段落标记字体加粗
$("span").wrapInner("");//所有段落中的span标记斜体
})
</script>
...省略代码
<p>一周中最喜欢的是:<span>周五</span></p>
<p>一周中最不喜欢的是:<span>周一</span></p>
任务:把上面jQuery中的操作在代码框中重现。