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 相关文章推荐
图片格式的JavaScript和CSS速查手册
Aug 20 Javascript
javascript实现二分查找法实现代码
Nov 12 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
Jul 15 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
Mar 18 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
微信小程序多音频播放进度条问题
Aug 28 Javascript
微信小程序缓存过期时间的使用详情
May 12 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 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
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
强制PHP命令行脚本单进程运行的方法
2014/04/15 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
JS注释所产生的bug 即使注释也会执行
2013/11/19 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
Python标准库与第三方库详解
2014/07/22 Python
python字符串排序方法
2014/08/29 Python
python中查看变量内存地址的方法
2015/05/05 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
Python 读取WAV音频文件 画频谱的实例
2020/03/14 Python
营销总经理的岗位职责
2013/12/15 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
家长对孩子的寄语
2015/02/26 职场文书
雾霾停课通知
2015/04/24 职场文书
风之谷观后感
2015/06/11 职场文书
学校学期工作总结
2015/08/13 职场文书