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 加号(+)运算符号
Dec 06 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 Javascript
connect中间件session、cookie的使用方法分享
Jun 17 Javascript
WEB前端设计师常用工具集锦
Dec 09 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
Angularjs单选改为多选的开发过程及问题解析
Feb 17 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
JS实现随机抽取三人
Nov 06 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
Nov 09 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
May 19 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+mysqli数据库连接的两种方式
2015/01/28 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
js 操作符实例代码
2009/10/24 Javascript
js 函数的副作用分析
2011/08/23 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
微信小程序入门教程
2016/11/18 Javascript
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
微信小程序开发入门基础教程
2017/04/19 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
swiper 自动图片无限轮播实现代码
2018/05/21 Javascript
详解swipe使用及竖屏页面滚动方法
2018/06/28 Javascript
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
python后端接收前端回传的文件方法
2019/01/02 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
简单介绍python封装的基本知识
2019/08/10 Python
Python+PyQt5+MySQL实现天气管理系统
2020/06/16 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
Giglio俄罗斯奢侈品购物网:男士、女士、儿童高级时装
2018/07/27 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
2014年政风行风评议工作总结
2014/10/21 职场文书
交通处罚决定书
2015/06/24 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
idea以任意顺序debug多线程程序的具体用法
2021/08/30 Java/Android
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python