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完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
js获取滚动距离的方法
May 30 Javascript
Vue.js动态组件解析
Sep 09 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
js事件委托和事件代理案例分享
Jul 25 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
总结4个方面优化Vue项目
Feb 11 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 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
PHP 中的一些经验积累
2006/10/09 PHP
用PHP产生动态的影像图
2006/10/09 PHP
用PHP伪造referer突破网盘禁止外连的代码
2008/06/15 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
微信小程序 图片边框解决方法
2017/01/16 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
微信小程序 循环及嵌套循环的使用总结
2017/09/26 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
介绍Python中的__future__模块
2015/04/27 Python
Python的Urllib库的基本使用教程
2015/04/30 Python
Python实现堆排序的方法详解
2016/05/03 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
python3.6实现学生信息管理系统
2019/02/21 Python
pyqt实现.ui文件批量转换为对应.py文件脚本
2019/06/19 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
DBA的职责都有哪些
2012/05/16 面试题
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
2014年社区宣传工作总结
2014/12/02 职场文书
如何用python插入独创性声明
2021/03/31 Python
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server
python游戏开发之pygame实现接球小游戏
2022/04/22 Python