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建立一个语法高亮输入框实现思路
Feb 26 Javascript
浅谈JS闭包中的循环绑定处理程序
Nov 09 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
JavaScript设计模式初探
Jan 07 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
详解Weex基于Vue2.0开发模板搭建
Mar 20 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 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 文件扩展名 获取函数
2009/06/03 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
javascript中substr,substring,slice.splice的区别说明
2010/11/25 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
js精度溢出解决方案
2012/12/02 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
2014/08/30 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
jquery中为什么能用$操作
2019/06/18 jQuery
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
python使用循环打印所有三位数水仙花数的实例
2018/11/13 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
linux面试题参考答案(3)
2012/09/13 面试题
汽车装潢店创业计划书范文
2014/02/05 职场文书
铁路安全事故反思
2014/04/26 职场文书
保护环境倡议书范文
2014/05/13 职场文书
优秀语文教师事迹
2014/05/18 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
紫日观后感
2015/06/05 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL
MySQL 计算连续登录天数
2022/05/11 MySQL