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实例教程(19) 使用HoTMetal(6)
Dec 23 Javascript
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
Apr 01 Javascript
EasyUI中的tree用法介绍
Nov 01 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
Mar 01 Javascript
JavaScript中的replace()方法使用详解
Jun 06 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
JS实现左边列表移到到右边列表功能
Mar 28 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
js canvas实现红包照片效果
Aug 21 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
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
vue 中url 链接左边的小图标更改问题
2019/12/30 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
python 随机数使用方法,推导以及字符串,双色球小程序实例
2017/09/12 Python
python实现电子产品商店
2019/02/26 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
大型车展策划方案
2014/02/01 职场文书
新春联欢会主持词
2014/03/24 职场文书
培训协议书范本
2014/04/22 职场文书
个人授权委托书模板
2014/09/14 职场文书
《微笑着面对生活》优秀演讲稿范文
2014/09/23 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
教师节主持词开场白
2015/05/29 职场文书
同乡会致辞
2015/07/30 职场文书
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
基于Python实现将列表数据生成折线图
2022/03/23 Python