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 EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
Apr 14 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
vue中watch的用法汇总
Dec 28 Vue.js
JavaScript嵌入百度地图API的最详细方法
Apr 16 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
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
mysql时区问题
2008/03/26 PHP
php 友好URL的实现(吐血推荐)
2008/10/04 PHP
PHP 引用文件技巧
2010/03/02 PHP
PHP5 的对象赋值机制介绍
2011/08/02 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
2015/11/18 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
jQuery使用方法
2017/02/04 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
在Vue中使用Select选择器拼接label的操作
2020/10/22 Javascript
Python过滤列表用法实例分析
2016/04/29 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
师范毕业生求职信
2014/07/11 职场文书
一般党员对照检查材料
2014/09/24 职场文书
2015年药房工作总结
2015/04/25 职场文书
总结会主持词
2015/07/02 职场文书
运动会运动员赞词
2015/07/22 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书
导游词之山东孔庙
2019/11/04 职场文书
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server