[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>

这里写图片描述

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

hadoop学习笔记(七)——hadoop权威指南中天气数据运行

1) hdfs文件系统准备工作 2)编写程序 3)eclipse上运行 4)javac方式运行 5)eclipse输出jar包...
  • thinkpadshi
  • thinkpadshi
  • 2015年07月31日 22:49
  • 3577

ANTLR4权威指南 - 第6章 尝试一些实际中的语法

第6章 尝试一些实际中的语法 在前一章,我们学习了通用词法结构和语法结构,并学习了如何用ANTLR的语法来表述这些结构。现在,是时候把我们学到的这些用来构建一些现实世界中的语法了。我们的主要目标是...
  • u013708870
  • u013708870
  • 2014年08月29日 14:12
  • 4318

ANTLR4权威指南 - 第5章 设计语法

第5章 设计语法 在第I部分,我们熟悉了ANTLR,并在一个比较高的层次上了解了语法以及语言程序。现在,我们将要放慢速度来学习下实现更实用任务的一些细节上的技巧,例如建立内部数据结构,提取信息,生...
  • u013708870
  • u013708870
  • 2014年08月19日 20:02
  • 8688

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

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

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

jquery中有三种包裹节点的方法: 分别是wrap() wrapAll() wrapInner() 首先看看三种方法的定义: wrap():将每一个匹配的元素进行包裹(一对一的单独包裹)。 ...
  • weixin_36109387
  • weixin_36109387
  • 2017年08月06日 09:04
  • 145

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

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

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

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

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

代码: 使用$.param()进行数
  • david_520042
  • david_520042
  • 2016年12月08日 09:57
  • 1069

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

  • david_520042
  • david_520042
  • 2015年06月16日 10:04
  • 1058

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

获取: 在一个页面中,创建一个标记,通过JQUERY中的attr()方法获取标记的src和title属性值,并显示到页面中。 ...
  • david_520042
  • david_520042
  • 2015年06月23日 10:27
  • 950
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[JQ权威指南]第九天:wrap()和wrapInner()方法包裹元素节点
举报原因:
原因补充:

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