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 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
JS获取当前网页大小以及屏幕分辨率等
Sep 05 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
js 获取json数组里面数组的长度实例
Oct 31 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
Vue 打包体积优化方案小结
May 20 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 - Html Transfer Code
2006/10/09 PHP
PHP之预定义接口详解
2015/07/29 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
PHP 爬取网页的主要方法
2018/07/13 PHP
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
javascript中的self和this用法小结
2014/02/08 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
如何用webpack4带你实现一个vue的打包的项目
2018/06/20 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
毕业生医学检验求职信
2013/10/16 职场文书
仓库理货员岗位职责
2013/12/18 职场文书
哈弗商学院毕业生求职信
2014/02/26 职场文书
马丁路德金演讲稿
2014/05/19 职场文书
积极向上的团队口号
2014/06/06 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
食品安全责任书范本
2015/05/09 职场文书
表彰大会新闻稿
2015/07/17 职场文书
2015年度对口支援工作总结
2015/07/22 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书