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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
input、button的不同type值在ajax提交表单时导致的陷阱
Feb 24 Javascript
js URL参数的拼接方法比较
Feb 15 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 Javascript
基于JavaScript实现TAB标签效果
Jan 12 Javascript
基于jQuery实现滚动刷新效果
Jan 09 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
vue实现禁止浏览器记住密码功能的示例代码
Feb 03 Vue.js
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 empty(),isset(),is_null()的实例测试详解
2013/06/06 PHP
利用PHP实现短域名互转
2013/07/05 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
2012/01/15 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
js实现仿阿里巴巴城市选择框效果实例
2015/06/24 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
理解JS绑定事件
2016/01/19 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
JS验证字符串功能
2017/02/22 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
2018/02/08 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
微信小程序实现同一页面取值的方法分析
2019/04/30 Javascript
从零学Python之入门(二)基本数据类型
2014/05/25 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
对pandas中Series的map函数详解
2018/07/25 Python
pytorch中如何使用DataLoader对数据集进行批处理的方法
2019/08/06 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
农田水利实习自我鉴定
2013/09/19 职场文书
公司表扬稿范文
2015/05/05 职场文书
母亲去世追悼词
2015/06/23 职场文书
返乡农民工证明
2015/06/24 职场文书
高温慰问简报
2015/07/21 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
python实现大文本文件分割成多个小文件
2021/04/20 Python