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 加号(+)运算符号
Dec 06 Javascript
js下用层来实现select的title提示属性
Feb 23 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
Sep 27 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
JavaScript解析机制与闭包原理实例详解
Mar 08 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 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针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
jQuery JSON的解析方式分享
2011/04/05 Javascript
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
webpack多页面开发实践
2017/12/18 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
浅谈js中的bind
2019/03/18 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
详解Vue.js中引入图片路径的几种方式
2019/06/17 Javascript
python打开文件并获取文件相关属性的方法
2015/04/23 Python
Python处理字符串之isspace()方法的使用
2015/05/19 Python
python 读写、创建 文件的方法(必看)
2016/09/12 Python
pyenv命令管理多个Python版本
2017/03/26 Python
python将每个单词按空格分开并保存到文件中
2018/03/19 Python
python实现三维拟合的方法
2018/12/29 Python
python 整数越界问题详解
2019/06/27 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
2015年机关后勤工作总结
2015/05/26 职场文书
消费者理赔投诉书
2015/07/02 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
mysql left join快速转inner join的过程
2021/06/30 MySQL
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang