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 remove 自定义数组删除方法
Oct 20 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
Aug 14 Javascript
JavaScript?Apple设备检测示例代码
Nov 15 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
AngularJs  Using $location详解及示例代码
Sep 02 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
JS中常用的消息框总结
Feb 24 Javascript
jquery插件开发模式实例详解
Jul 20 jQuery
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中使用PDF文档功能
2006/10/09 PHP
用php实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
JS验证身份证有效性示例
2013/10/11 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
javascript 动态创建表格
2015/01/08 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
vue离开当前页面触发的函数代码
2020/09/01 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
pycharm设置注释颜色的方法
2018/05/23 Python
python实现flappy bird小游戏
2018/12/24 Python
使用celery执行Django串行异步任务的方法步骤
2019/06/06 Python
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
MYSQL基础面试题
2012/05/13 面试题
英语专业个人求职信范文
2014/02/01 职场文书
八一建军节演讲稿
2014/09/10 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
考试作弊检讨书怎么写?
2014/12/21 职场文书
环境卫生整治简报
2015/07/20 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers