jquery文档操作wrap()方法实例简述
更新时间：2015年01月10日 11:31:59 投稿：shichen2014
这篇文章主要介绍了jquery文档操作wrap()方法,以实例形式简单分析了wrap()方法用某个标签将某个元素包起来的使用技巧,需要的朋友可以参考下
本文实例讲述了jquery文档操作wrap()方法。分享给大家供大家参考。具体实现方法如下：
wrap()方法：是指用某个标签将某个元素包起来，即在外面多加一层标签。
复制代码 代码如下:
<html>
<head>
<title>jquery文档操作：wrap()方法</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("p").wrap("<div></div>");//在p标签外，多加一个div层
$("div").css("color","blue");
});
});
</script>
</head>
<body>
<p>hello world<br />i love you!<br />hhaha ,goodmorning</p>
<button>wrap()方法</button>
</body>
</html>
<head>
<title>jquery文档操作：wrap()方法</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("p").wrap("<div></div>");//在p标签外，多加一个div层
$("div").css("color","blue");
});
});
</script>
</head>
<body>
<p>hello world<br />i love you!<br />hhaha ,goodmorning</p>
<button>wrap()方法</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
javascript权威指南 学习笔记之null和undefined
JavaScript中的关键字null是一个特殊的值，它表示“无值”。null常常被看作对象类型的一个特殊值，即代表“无对象”的值。2011-09-09
jQuery插件easyUI实现通过JS显示Dialog的方法
这篇文章主要介绍了jQuery插件easyUI实现通过JS显示Dialog的方法,实例分析了jQuery插件easyUI弹出Dialog的具体实现技巧,需要的朋友可以参考下2016-09-09
jquery animate 动画效果使用说明，需要的朋友可以参考下。2009-11-11
jQuery 3.0在日前发布了最终的全新版本。这篇文章主要介绍了jQuery 3.0十大新特性最终版发布的相关资料,需要的朋友可以参考下2016-07-07
此Jquery特效是一款Jquery+CSS3实现简洁大气带滑动效果的弹出层，在消息提示、弹出层显示内容、弹出层登录等，带遮罩效果，感兴趣的朋友可以参考下哈，希望可以帮助到你2013-05-05
京东商城、凡客商城的图片放大效果很是吸引人2009-05-05
这篇文章主要介绍了jQuery toggle 代替方法 的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要为大家详细介绍了jquery插件实现扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了jquery根据name属性查找的小例子，有需要的朋友可以参考一下2013-11-11
用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来2012-10-10
最新评论