jQuery替换节点用法示例(使用replaceWith方法)


Posted in Javascript onSeptember 08, 2016

本文实例讲述了jQuery替换节点的方法。分享给大家供大家参考,具体如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
  $("p").replaceWith("<strong>你最不喜欢的水果是?</strong>");
  // 同样的实现: $("<strong>你最不喜欢的水果是?</strong>").replaceAll("p");
});
//]]>
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>

效果图:

jQuery替换节点用法示例(使用replaceWith方法)

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
range 标准化之获取
Aug 28 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
Oct 11 Javascript
ES6下React组件的写法示例代码
May 04 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
JavaScript修改注册表实例代码
Jan 05 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 #Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 #Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 #Javascript
js发送短信倒计时的简单实现方法
Sep 08 #Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 #Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 #Javascript
jQuery遍历节点树方法分析
Sep 08 #Javascript
You might like
How do I change MySQL timezone?
2008/03/26 PHP
php 中文和编码判断代码
2010/05/16 PHP
常见php数据文件缓存类汇总
2014/12/05 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
PHP递归的三种常用方式
2019/02/28 PHP
PHP文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
js的with语句使用方法
2007/09/21 Javascript
复制小说文本时出现的随机乱码的去除方法
2010/09/07 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
jQuery使用动画队列自定义动画操作示例
2018/06/16 jQuery
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
vue 授权获取微信openId操作
2020/11/13 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
2020/11/23 Javascript
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
python实现图片中文字分割效果
2019/07/22 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
python3判断IP地址的方法
2021/03/04 Python
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
西班牙多品牌鞋店连锁店:Krack
2018/11/30 全球购物
简历自荐信
2013/12/02 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
孙振耀退休感言
2015/08/01 职场文书
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis