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 相关文章推荐
仿猪八戒网左下角的文字滚动效果
Oct 28 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
jQuery查看选中对象HTML代码的方法
Jun 17 Javascript
Node.js 文件夹目录结构创建实例代码
Jul 08 Javascript
jQuery内容过滤选择器用法示例
Sep 09 Javascript
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
Nov 28 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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
德生PL330的评价与改造
2021/03/02 无线电
德生PL550的电路分析
2021/03/02 无线电
解析php常用image图像函数集
2013/06/24 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
PHP使用DOM和simplexml读取xml文档的方法示例
2017/02/08 PHP
Swoole扩展的6种模式深入详解
2021/03/04 PHP
Jquery 在页面加载后执行的几种方式
2014/03/14 Javascript
Node.js编码规范
2014/07/14 Javascript
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
2018/03/09 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
利用Python开发微信支付的注意事项
2016/08/19 Python
深入浅出学习python装饰器
2017/09/29 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
介绍一下JNDI的基本概念
2013/07/26 面试题
体育教师个人的自我评价
2014/02/16 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
安全责任书模板
2014/07/22 职场文书
外贸业务员岗位职责
2015/02/13 职场文书