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 相关文章推荐
jQuery ui 1.7更新小结
Aug 15 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
js面向对象编程之如何实现方法重载
Jul 02 Javascript
AngularJS内置指令
Feb 04 Javascript
javascript中scrollTop详解
Apr 13 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
ckeditor一键排版功能实现方法分析
Feb 06 Javascript
node.js基础知识汇总
Aug 25 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
Javascript中的解构赋值语法详解
Apr 02 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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
一个简单实现多条件查询的例子
2006/10/09 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
PHP7正式版测试,性能惊艳!
2015/12/08 PHP
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
2019/06/12 jQuery
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
[01:07:02]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第三场 2月26日
2021/03/11 DOTA
Python中文编码那些事
2014/06/25 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
Python中作用域的深入讲解
2018/12/10 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
美国时尚在线:Showpo
2017/09/08 全球购物
北京某公司的.net笔试题
2014/03/20 面试题
客户代表自我评价范例
2013/09/24 职场文书
淘宝活动策划方案
2014/02/06 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
毕业横幅标语
2014/10/08 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
爱心募捐感谢信
2015/01/22 职场文书
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js