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 Distilled 基础知识与函数
Apr 07 Javascript
分享一个asp.net pager分页控件
Jan 04 Javascript
js事件(Event)知识整理
Oct 11 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
Feb 16 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
Jan 29 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
新浪新闻小偷
2006/10/09 PHP
PHP中file_get_contents高?用法实例
2014/09/24 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
Ajax和Comet技术总结
2017/02/19 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
详细分析单线程JS执行问题
2017/11/22 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
小程序实现投票进度条
2019/11/20 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
浅谈Vue使用Cascader级联选择器数据回显中的坑
2020/10/31 Javascript
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
荷兰时尚精品店:Labels Fashion
2020/03/22 全球购物
《夜晚的实验》教学反思
2014/02/19 职场文书
音乐教育感言
2014/03/05 职场文书
借款担保书范文
2014/05/13 职场文书
欢迎家长标语
2014/10/08 职场文书
大学生团员个人总结
2015/02/14 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
Python学习之迭代器详解
2022/04/01 Python
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL