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 相关文章推荐
在JavaScript中获取请求的URL参数
Dec 22 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
Dec 27 Javascript
JavaScript实现同时调用多个函数的方法
Nov 09 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
Jul 21 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
浅谈js获取ModelAndView值的问题
Mar 28 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
Aug 07 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
PHP连接MSSQL2008/2005数据库(SQLSRV)配置实例
2014/10/22 PHP
JS 遮照层实现代码
2010/03/31 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
vue监听对象及对象属性问题
2018/08/20 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
[01:13:17]Secret vs NB 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
Python实现Const详解
2015/01/27 Python
Python素数检测实例分析
2015/06/15 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
django表单实现下拉框的示例讲解
2018/05/29 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python中os.remove()用法及注意事项
2021/01/31 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
银行开业庆典方案
2014/02/06 职场文书
优秀员工推荐信
2014/05/10 职场文书
2014年教师节寄语
2014/08/11 职场文书
离婚协议书怎么写
2014/09/12 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
坎儿井导游词
2015/02/09 职场文书
求职简历自我评价2015
2015/03/10 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS