jquery-包裹元素
1、wrap方法
          在每个匹配的元素外层包上一个html元素
          参数类型说明:
          1)html字符串
                $('p').wrap('<div></div>');
                传入的html标签也可以是嵌套多层,但应该只包含一个核心的元素
          2)选择器
                传入选择器则是将 选中的元素(及其后代) 复制一份用来 包裹对应的元素
          3)jQuery对象
                可以使用新创建的元素对象或者使用选择器获取到的元素对象
          4)html元素对象
          5)函数
                有多少个匹配元素,这个函数就会执行多少次!
                函数接收一个参数
                    当前元素的序号
                    函数内部this代表当前的html元素对象
                    return用于包裹匹配元素的 HTML 内容或 jQuery 对象
    2、wrapAll方法
            在所有匹配元素外面包一层HTML结构
            参数同上,但是我们一般不会传入函数!
            注意:如果所匹配的元素没有共同的父元素时的情况
    3、wrapInner方法
            在匹配元素里的内容外包一层结构
            参数同上
<script type="text/javascript">
$(function(){
$("p").wrapAll("<div></div>");
$("a").wrap("<div></div>");
$("p").wrapInner("<h1></h1>");
}
);
</script> <p>段落</p>
<p>段落</p>
<a>链接</a>
<a>链接</a>
jquery-包裹元素的更多相关文章
- js进阶 11-13  jquery如何包裹元素和去除元素外的包裹
		
js进阶 11-13 jquery如何包裹元素和去除元素外的包裹 一.总结 一句话总结:wrap().wrapAll().unwrap().innerWrap()四个方法 1.jquery中unwr ...
 - jQuery 源码解析(二十四) DOM操作模块 包裹元素 详解
		
本节说一下DOM操作模块里的包裹元素子模块,该模块可将当前匹配的元素替换指定的DOM元素,有如下方法: wrap(html) ;在每个匹配元素的外层添加一层DOM元素 ...
 - jQuery包裹节点用法完整示例
		
本文实例讲述了jQuery包裹节点用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Typ ...
 - jquery 追加元素/jquery文档处理,插入、修改、移动、删除指定的DOM元素.
		
jquery 追加元素 $("#content").append("..."); // 添加到元素内部最后面 $("#content").p ...
 - 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
		
本系列文章导航 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得 ...
 - 使用 Sticky-Kit 实现基于 jQuery 的元素固定效果
		
元素固定效果在网页中应用得很多,比较常见的使用场景有改进导航,显示广告.Sticky-Kit 是一个非常方便的 jQuery 插件,简化了创建/管理粘元素,有复杂的使用功能.这些功能包括:处理多个固定 ...
 - JQuery判断元素是否存在
		
JQuery判断元素是否存在的原理与javascript略有不同,因为$选择器选择的元素无论是否存在都不会返回null或undefined,要使用JQuery判断元素是否存在,只能使用length属性 ...
 - jQuery入门(2)使用jQuery操作元素的属性与样式
		
jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...
 - jquery检查元素存在性
		
javascript检查元素存在性: 即使这个元素被删除了,也不担心javascript代码报错: jquery检查元素存在性: 代码如下: if(!document.getElementById(& ...
 - jquery 获取元素在浏览器中的绝对位置
		
代码详解 1,获取对象(自定义调整打开新窗口参照元素) var obj = $("#oButton"); 实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调 ...
 
随机推荐
- 基于RHCS的web双机热备集群搭建
			
基于RHCS的web双机热备集群搭建 RHCS集群执行原理及功能介绍 1. 分布式集群管理器(CMAN) Cluster Manager.简称CMAN.是一个分布式集群管理工具.它执行在集群的各个节 ...
 - Viso Professional 2013版本激活(office 系列产品 -- visio 2013 / project 2013 破解工具 - KMSpico)
			
背景: 环境是 win7, 64 bit 装了 visio 2013 , 可以却不能用它来画图,在网上找了一些破解工具,大都不能解决问题.网上不靠谱的广告型文章太多了,比较头痛. 所幸,终于找到正确的 ...
 - Diamond 3.5简易教程(二)------软件的简单使用
			
二.软件的简单使用 工程建立后我们就可以进行程序的编写添加了. 选择左下角file list 选项卡 这里主要是工程的信息. 在input files 上右键弹出选项addànew file... 在 ...
 - sqlite遇到database is locked问题的完美解决
			
这两天在项目中用大强度大频率的方法测试时遇到sqlite报database is locked的问题,分析下来原因是sqlite对数据库做修改操作时会做(文件)锁使得其它进程同一时间使用时会报该错误( ...
 - ubuntu tftp 配置
			
1:sudo apt-get install tftp tftpd openbsd-inetd特别指出很多文章里用的是netkit-inetd,但是实际下载时发现这个软件是下不到的,特改用openbs ...
 - mysql 5.7.13 安装配置方法图文教程(win10) (转)
			
http://www.jb51.net/article/87152.htm ***************************** MySQL是一款关系型数据库管理系统,是由Oracle旗下公司M ...
 - c++之五谷杂粮---2
			
2.1 我们通过调用运算符(call operator)来执行函数.调用运算符的形式是一对圆括号,它作用于一个表达式,该表达式是函数或者指向函数的指针:圆括号之内是用逗号隔开的实参列表,我们用实参初 ...
 - text-align 在ie7与ie8下的区别
			
在某元素上应用text-align:center; 在ie7下解释为,该元素内的元素和文字都居中. 在ie8下解释为,该元素内的文字居中. 例如:<div style="borde ...
 - Linux 下 ps 命令
			
简述 Linux中的ps命令是Process Status的缩写.ps命令用来列出系统中当前运行的那些进程.ps命令列出的是当前那些进程的快照,就是执行ps命令的那个时刻的那些进程,动态的显示进程信息 ...
 - 【WPF】BusyIndicator做Loading遮罩层
			
百度了一下,粗略看了几个国内野人的做法,花了时间看下去感觉不太好用(比如有Loading居然只是作为窗体的一个局部控件的,没法全屏遮罩,那要你有何用?),于是谷歌找轮子去. 好用的轮子:http:// ...