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循环滚动图片代码
Dec 08 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
Javascript复制实例详解
Jan 28 Javascript
完美解决IE不支持Data.parse()的问题
Nov 24 Javascript
详谈for循环里面的break和continue语句
Jul 20 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
我所理解的JavaScript中的this指向
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
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
为你总结一些php系统类函数
2015/10/21 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
用CSS+JS实现的进度条效果效果
2007/06/05 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
Python创建日历实例
2014/08/21 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Python中函数参数调用方式分析
2018/08/09 Python
解析python实现Lasso回归
2019/09/11 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
Python with关键字,上下文管理器,@contextmanager文件操作示例
2019/10/17 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
社区庆八一活动方案
2014/02/02 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
学校捐书倡议书
2015/04/27 职场文书
人生一定要学会的三样东西:放下、忘记、珍惜
2019/08/21 职场文书
Python中的pprint模块
2021/11/27 Python
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS