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 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
JavaScript中的onerror事件概述及使用
Apr 01 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
js面向对象编程总结
Feb 16 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 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更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
PHP开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
百度地图api应用标注地理位置信息(js版)
2013/02/01 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
jquery实现标题字体变换的滑动门菜单效果
2015/09/07 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
JavaScript如何判断input数据类型
2020/02/06 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
2020/08/05 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
装潢设计实习自我鉴定
2013/09/19 职场文书
应聘自荐书
2013/10/08 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
出国英文推荐信
2014/05/10 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python