jQuery文档操作之修改操作

replaceWith()

语法:

$(selector).replaceWith(content);

将所有匹配的元素替换成指定的string、js对象、jQuery对象。

// 将所有的h5标题替换成a标签
$("h5").replaceWith("<a href="#">hello world</a>")
//将所有的h5标签替换成id为app的dom元素
$("h5").replaceWith("#app");

replaceAll

语法:

$(selcetor).replaceAll("h2");

解释: 替换所有。将所有的h2标签替换为选中的选中的DOM标签。

// 将所有的h4标签替换为button标签
$("<button>按钮</button>").replaceAll("h4");

原文地址:https://www.cnblogs.com/yang-wei/p/9537135.html

时间: 2024-08-01 14:07:53

jQuery文档操作之修改操作的相关文章

jquery文档操作

jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). 方法 描述 addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容. appendTo() 向目标结尾插入匹配元素集合中的每个元素. attr() 设置或返回匹配元素的属性和值. before() 在每个匹配的元素之前插入内容. clone() 创建匹配元素集合的副本. detach

JQuery文档操作方法跟JQuery属性操作方法跟JQuery CSS操作函数

JQuery文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). 方法                            描述 addClass()                    向匹配的元素添加指定的类名. after()                           在匹配的元素之后插入内容. append()                       向匹配的元素内部追加内容. appendTo()                 

jQuery 文档操作

jQuery 文档操作方法 方法 描述 addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容. appendTo() 向目标结尾插入匹配元素集合中的每个元素. attr() 设置或返回匹配元素的属性和值. before() 在每个匹配的元素之前插入内容. clone() 创建匹配元素集合的副本. detach() 从 DOM 中移除匹配元素集合. empty() 删除匹配的元素集合中所

MongoDB文档的增删改操作

上一篇文章中介绍了MongoDB的一些基本知识,同时看到了怎么启动一个MongoDB服务,并且通过MongoDB自带的shell工具连接到了服务器. 这一次,就通过MongoDB shell介绍一下对文档的增删改操作. 增加新文档 接着上一篇文章,打开一个MongoDB shell. 通过“show dbs”可以看到所有的数据库.然后我们通过“use blog”切换到blog数据库来开始下面的演示. 使用“db”命令显示当前正在使用的数据库. 1 C:\mongodb\bin>mongo.exe

C# 中使用word文档对图像进行操作

C# 中使用Word文档对图像进行操作 Download Files: ImageOperationsInWord.zip 简介 在这篇文章中我们可以学到在C#程序中使用一个Word文档对图像的各种操作.图像会比阅读文字更有吸引力,而且图像是与内容紧密相关的.有时图像可以将内容描述的更为清晰,就像使用图表显示某一周期内的数据变化. Spire.Doc for .NET(http://www.e-iceblue.com/Introduce/Word-for-net-introduce.html)是

Android官方入门文档[7]样式化操作栏

Android官方入门文档[7]样式化操作栏 Styling the Action Bar样式化操作栏 This lesson teaches you to1.Use an Android Theme2.Customize the Background3.Customize the Text Color4.Customize the Tab Indicator You should also read?Styles and Themes?Android Action Bar Style Gene

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery文档就绪事件

[jQuery文档就绪事件] 为了防止文档在完全加载(就绪)之前运行 jQuery 代码.如果在文档没有完全加载之前就运行函数,操作可能失败. $(document).ready(function(){ // 开始写 jQuery 代码... }); 简洁写法(与以上写法效果相同): $(function(){ // 开始写 jQuery 代码... }); 参考:http://www.runoob.com/jquery/jquery-syntax.html

jQuery 文档碎片处理

通过JS操作DOM节点可能以节点为单位进行,比如添加节点,可以createElement,createTextNode,然后用appendChild把文本节点和容器节点绑定在一起,然后再用appendChild或insertBefor添加到DOM树中.但如果要往DOM树中动态添加大量的节点.就会很麻烦.而且每次都会刷新DOM,造成性能上的缺陷. 解决方法是使用文档碎片这个方法创建文档碎片. 我个人觉得应该把这个翻译成文档片段比较合适. 使用jQuery解决方案. <span style="

PDF格式的文档如何编辑修改

现在无论是下载一些文档资料还是公司直接传递文档很多都会用到PDF这种格式文件,这是一种便携式文档格式,传输查看都都不错,但是这种格式的文档在编辑操作上就没有那么方便了,那PDF文件怎么编辑修改呢? PDF文档有些是受加密保护或设置了编辑限制的,这类文档在打开时需要先去掉限制,或是输入文档密码打开,然后才可以对文档正常编辑. 首先用PDF编辑器打开PDF文件,文档打开后,左边是切换页面的缩略图窗口,右侧窗格则是用来编辑页面内容的编辑区域.在编辑区里可以通过右下角工具调整当前页面的视图大小,或者是按