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 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
Ruffy javascript 学习笔记
Nov 30 Javascript
javascript if条件判断方法小结
May 17 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
微信小程序tabBar 返回tabBar不刷新页面
Jul 25 Javascript
JS实现多选框的操作
Jun 24 Javascript
详解vue路由
Aug 05 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
jQuery使用手册之二 DOM操作
2007/03/24 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
2011/01/08 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
谈谈javascript中使用连等赋值操作带来的问题
2015/11/26 Javascript
浅析jQuery 3.0中的Data
2016/06/14 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
bootstrap table分页模板和获取表中的ID方法
2017/01/10 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
python排序方法实例分析
2015/04/30 Python
Python实现二叉搜索树
2016/02/03 Python
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
利用CSS3的checked伪类实现OL的隐藏显示的方法
2010/12/18 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
黄继光的英雄事迹材料
2014/02/13 职场文书
十佳家长事迹材料
2014/08/26 职场文书
党员转正意见怎么写
2015/06/03 职场文书
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL