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 相关文章推荐
QUnit jQuery的TDD框架
Nov 04 Javascript
jquery自定义函数的多种方法
Jan 09 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 Javascript
AngularJS $injector 依赖注入详解
Sep 14 Javascript
根据Bootstrap Paginator改写的js分页插件
Dec 25 Javascript
详解angularjs中如何实现控制器和指令之间交互
May 31 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
js实现倒计时秒杀效果
Mar 25 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 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
Protoss热键控制
2020/03/14 星际争霸
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
js利用div背景,做一个竖线的效果。
2008/11/22 Javascript
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
深入分析jsonp协议原理
2015/09/26 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
Python 爬虫的工具列表大全
2016/01/31 Python
利用python批量检查网站的可用性
2016/09/09 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
Python魔法方法详解
2019/02/13 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
生物科学专业个人求职信范文
2013/12/07 职场文书
聚美优品广告词改编
2014/03/14 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
新年祝酒词大全
2015/08/11 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
分享五个Node.js开发的优秀实践 
2022/04/07 NodeJs
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript