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创建并行对象或者合并对象的实现代码
Oct 10 Javascript
自动最大化窗口的Javascript代码
May 22 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
vue实现树形结构样式和功能的实例代码
Oct 15 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
vue和小程序项目中使用iconfont的方法
May 19 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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
yii2 resetful 授权验证详解
2017/05/18 PHP
jQuery版Tab标签切换
2011/03/16 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
Python的函数嵌套的使用方法
2014/01/24 Python
详解Python中的循环语句的用法
2015/04/09 Python
介绍Python中的__future__模块
2015/04/27 Python
python实现Decorator模式实例代码
2018/02/09 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
超简单使用Python换脸实例
2019/03/27 Python
Python中typing模块与类型注解的使用方法
2019/08/05 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
巴西女装购物网站:Eclectic
2018/04/24 全球购物
宿舍打麻将检讨书
2014/01/24 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
大学生就业策划书范文
2014/04/04 职场文书
《从现在开始》教学反思
2014/04/15 职场文书
企业安全生产标语
2014/06/06 职场文书
医院合作协议书
2014/08/19 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript