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

原创 2015年07月10日 13:20:28

在页面中放置两个段落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>

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)

jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)
  • fhd001
  • fhd001
  • 2011-04-08 19:23
  • 2138

关于jquery的包裹节点的简单理解 wrap() wrapAll() wrapInner()

jquery中有三种包裹节点的方法: 分别是wrap() wrapAll() wrapInner() 首先看看三种方法的定义: wrap():将每一个匹配的元素进行包裹(一对一的单独包裹)。 ...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

:[JQ权威指南]第十天:unbind()方法移除元素绑定事件

unbind()的功能是移除元素绑定的事件,其调用的语法格式如下: unbind([type],[fn])其中,参数type为移除的事件类型,fn为需要移除的事件处理函数。如果该方法没有参数,移除所...

[JQ权威指南]第七天:使用val()方法设置和获取元素的值

在页面中,创建一个可以多选的select标记,设置该标记的change事件,当按Ctrl键选择多项时,通过p标记将获取的选项值显示在页面中;另外,创建一个文本框元素,设置该文本框的change和foc...

[JQ权威指南]第四天:使用jQuery子元素过滤选择器

<meta http-equiv="Content-Ty

[JQ权威指南]使用$.param()进行数组元素序列化

代码: 使用$.param()进行数

[JQ权威指南]第六天:使用attr获取与设置元素的属性

获取: 在一个页面中,创建一个标记,通过JQUERY中的attr()方法获取标记的src和title属性值,并显示到页面中。 <html xmlns=

[JQ权威指南]$.ajaxSetup()方法全局设置Ajax

(1)功能描述:设置三个按钮,分别通过.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前,使用.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在...

DOM包裹wrap()方法

DOM包裹wrap()方法 如果要将元素用其他元素包裹起来,也就是给它增加一个父元素,针对这样的处理,JQuery提供了一个wrap方法 .wrap( wrappingElement ):在集...

JQ权威指南:网页选项卡的运用

在页面中设置三个不同名称的选项卡,单击某个选项卡时,下面相对应的区域显示其内容信息,同时选项卡的背景色与内容信息的背景色浑然一体,并且字体加粗,表示处于选中状态。 html xmlns="http...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)