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 29 Javascript
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
input、button的不同type值在ajax提交表单时导致的陷阱
Feb 24 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
浅谈jquery上下滑动的注意事项
Oct 13 Javascript
js中获取 table节点各tr及td的内容简单实例
Oct 14 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
vue实现简单学生信息管理
May 30 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
Nov 04 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把小数转成整数3种方法
2014/06/30 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
python re模块findall()函数实例解析
2018/01/19 Python
python生成ppt的方法
2018/06/07 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
深入了解Django中间件及其方法
2019/07/26 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
会计电算化专业应届大学生求职信
2013/10/22 职场文书
网站设计师的岗位职责
2013/11/21 职场文书
自动化专业个人求职信范文
2013/11/29 职场文书
仓库管理计划书
2014/05/04 职场文书
企业晚会策划方案
2014/05/29 职场文书
运动员加油词
2015/07/18 职场文书
关于幸福的感言
2015/08/03 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android