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中的new的使用方法与注意事项
May 16 Javascript
jQuery的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
JavaScript作用域链示例分享
May 27 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
JS版微信6.0分享接口用法分析
Oct 13 Javascript
js中document.write和document.writeln的区别
Mar 11 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
浅谈layui 数据表格前后台传值的问题
Sep 12 Javascript
Ajax实现页面无刷新留言效果
Mar 24 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/03 咖啡文化
php自动更新版权信息显示的方法
2015/06/19 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
2014/01/26 Javascript
Js冒泡事件详解及阻止示例
2014/03/21 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
Python 实现向word(docx)中输出
2020/02/13 Python
Linux的文件类型
2016/07/05 面试题
销售代表求职自荐信
2013/10/01 职场文书
生日宴会答谢词
2014/01/09 职场文书
求职信的七个关键技巧
2014/02/05 职场文书
食品流通安全承诺书
2014/05/22 职场文书
大班下学期个人总结
2015/02/13 职场文书
培训讲师开场白
2015/06/01 职场文书
新闻通讯稿模板
2015/07/22 职场文书
远程教育学习心得体会
2016/01/23 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript