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的public、private和privileged模式
Dec 28 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
JavaScript获取/更改文本框的值的实例代码
Aug 02 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
Mar 31 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
详解Vue-基本标签和自定义控件
Mar 24 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
JS实现简易贪吃蛇游戏
Aug 24 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基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
jquery isType() 类型判断代码
2011/02/14 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python中二维阵列的变换实例
2014/10/09 Python
python3爬取各类天气信息
2018/02/24 Python
python 用下标截取字符串的实例
2018/12/25 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
元宵晚会主持词
2014/03/25 职场文书
降消项目实施方案
2014/03/30 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
英文导游词
2015/02/13 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
Python pyecharts绘制条形图详解
2022/04/02 Python