jquery文档操作wrap()方法实例简述


Posted in Javascript onJanuary 10, 2015

本文实例讲述了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>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于jquery的合并table相同单元格的插件(精简版)
Apr 05 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
May 30 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 Javascript
js实现索引图片切换效果
Nov 21 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
jquery实现手机端单店铺购物车结算删除功能
Feb 22 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
Aug 27 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
JS自定义对象创建与简单使用方法示例
Jan 15 Javascript
JavaScript canvas实现雪花随机动态飘落
Feb 08 Javascript
js实现键盘控制DIV移动的方法
Jan 10 #Javascript
js实现jquery的offset()方法实例
Jan 10 #Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 #Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 #Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 #Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 #Javascript
javascript获取四位数字或者字母的随机数
Jan 09 #Javascript
You might like
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
PDO::setAttribute讲解
2019/01/29 PHP
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
js判断复选框是否选中及选中个数的实现代码
2016/05/30 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
bootstrap的常用组件和栅格式布局详解
2017/05/02 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
ios中视频的最后一桢问题解决
2019/05/14 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
python转换摩斯密码示例
2014/02/16 Python
Python实现网站注册验证码生成类
2017/06/08 Python
python3 pillow生成简单验证码图片的示例
2017/09/19 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
django settings.py 配置文件及介绍
2019/07/15 Python
python实现图像外边界跟踪操作
2020/07/13 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
医学专业毕业生个人求职信
2013/12/25 职场文书
保安拾金不昧表扬信
2014/01/15 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
联谊活动总结范文
2015/05/09 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle