jQuery中replaceAll()方法用法实例


Posted in Javascript onJanuary 16, 2015

本文实例讲述了jQuery中replaceAll()方法用法。分享给大家供大家参考。具体分析如下:

此方法用匹配元素去替换指定的内容。
replaceAll()方法的作用和replaceWith()方法是完全一样的。

语法结构:

$(content).replaceAll(selector)

参数列表:

参数 描述
content 用于替换的内容。
selector 用于查找所要被替换的元素

实例实例:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

div{

  width:100px;

  height:100px;

  border:1px solid blue;

}

p{

  width:150px;

  height:150px;

  border:1px solid red;

}

</style>

<script src="jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("<div>这是div元素</div>").replaceAll("p");

  });

});

</script>

</head>

<body>

<p>这是p元素</p>

<p>这是p元素</p>

<p>这是p元素</p>

<button>用div包裹每个段落</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
各种常用的JS函数整理
Oct 25 Javascript
Mac地址验证的javascript代码
Nov 09 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
javaScript给元素添加多个class的简单实现
Jul 20 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
轻量级JS Cookie插件js-cookie的使用方法
Mar 22 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
js实现轮播图特效
May 28 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 #Javascript
jQuery中wrapAll()方法用法实例
Jan 16 #Javascript
jQuery中unwrap()方法用法实例
Jan 16 #Javascript
jquery搜索框效果实现方法
Jan 16 #Javascript
js表头排序实现方法
Jan 16 #Javascript
js计算任意值之间随机数的方法
Jan 16 #Javascript
jquery事件preventDefault()方法用法实例
Jan 16 #Javascript
You might like
层叠菜单的动态生成
2006/10/09 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
基于jquery的页面划词搜索JS
2010/09/14 Javascript
ExtJs事件机制基本代码模型和流程解析
2010/10/24 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
jquery的checkbox,radio,select等方法小结
2016/08/30 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
2017/01/06 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
Django模板继承 extend标签实例代码详解
2019/05/16 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
对python中GUI,Label和Button的实例详解
2019/06/27 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
Python利用Faiss库实现ANN近邻搜索的方法详解
2020/08/03 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
英国著名药妆店:Superdrug
2021/02/13 全球购物
如何利用cmp命令比较文件
2013/09/23 面试题
物业保安主管岗位职责
2013/12/25 职场文书
八年级语文教学反思
2014/02/11 职场文书
《独坐敬亭山》教学反思
2014/04/08 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
2014年公司工作总结
2014/11/22 职场文书
优秀班组事迹材料
2014/12/24 职场文书
大学学生会主席竞选稿
2015/11/19 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
Golang gRPC HTTP协议转换示例
2022/06/16 Golang