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 相关文章推荐
html下载本地
Jun 19 Javascript
图片完美缩放
Sep 07 Javascript
javascript 写类方式之三
Jul 05 Javascript
jquery手风琴特效插件
Feb 04 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
解决layer弹出层自适应页面大小的问题
Sep 16 Javascript
JS时间戳与日期格式互相转换的简单方法示例
Jan 30 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/05 新手入门
php网上商城购物车设计代码分享
2012/02/15 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
Python 使用requests模块发送GET和POST请求的实现代码
2016/09/21 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
Python字典中的值为列表或字典的构造实例
2019/12/16 Python
python-docx文件定位读取过程(尝试替换)
2020/02/13 Python
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
神农溪导游词
2015/02/11 职场文书
工作态度不好检讨书
2015/05/06 职场文书
雷锋的故事观后感
2015/06/10 职场文书
学生病假条范文
2015/08/17 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
mysq启动失败问题及场景分析
2021/07/15 MySQL