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 相关文章推荐
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
Apr 08 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
JS得到当前时间的方法示例
Mar 24 Javascript
前端构建工具之gulp的配置与搭建详解
Jun 12 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
Javascript获取某个月的天数
May 30 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
jquery实现拖拽小方块效果
Dec 10 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
类的另类用法--数据的封装
2006/10/09 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
PHP和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
laravel5.6框架操作数据curd写法(查询构建器)实例分析
2020/01/26 PHP
Jquery Change与bind事件代码
2011/09/29 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
微信小程序 页面滑动事件的实例详解
2017/10/12 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
React父子组件间的传值的方法
2018/11/13 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
Python线程下使用锁的技巧分享
2018/09/13 Python
python实现可逆简单的加密算法
2019/03/22 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
个人简历的自荐信
2013/10/23 职场文书
大学生职业生涯设计书
2014/01/02 职场文书
党性锻炼的心得体会
2014/09/03 职场文书
趣味运动会广播稿
2014/09/13 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
学校安全管理制度
2015/08/06 职场文书
预备党员入党感想
2015/08/10 职场文书
合同范本之电脑出租
2019/08/13 职场文书
话题作文之学会尊重
2019/12/16 职场文书