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 相关文章推荐
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
用jquery实现输入框获取焦点消失文字
Apr 27 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
纯javascript移动优先的幻灯片效果
Nov 02 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
vue操作动画的记录animate.css实例代码
Apr 26 Javascript
React中使用Vditor自定义图片详解
Dec 25 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
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
thinkphp3.2中实现phpexcel导出带生成图片示例
2017/02/14 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
PHP CURL使用详解
2019/03/21 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
微信小程序 循环及嵌套循环的使用总结
2017/09/26 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
JavaScript指定断点操作实例教程
2018/09/18 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
Python中操作MySQL入门实例
2015/02/08 Python
python执行外部程序的常用方法小结
2015/03/21 Python
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
Python字典对象实现原理详解
2019/07/01 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
最新奶茶店创业计划书
2014/01/25 职场文书
县级文明单位申报材料
2014/05/23 职场文书
服装仓管员岗位职责
2014/06/17 职场文书
新文化运动的基本口号
2014/06/21 职场文书
乡镇领导班子四风对照检查材料
2014/09/27 职场文书
街道党工委党的群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
工作简报范文
2015/07/21 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
音乐课《小猫钓鱼》教学反思
2016/02/18 职场文书
Python数据可视化之绘制柱状图和条形图
2021/05/25 Python
python垃圾回收机制原理分析
2022/04/13 Python