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 相关文章推荐
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
Jul 05 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
Jul 04 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
vue--vuex详解
Apr 15 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
js实现轮播图效果 z-index实现轮播图
Jan 17 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 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
PHP调用三种数据库的方法(1)
2006/10/09 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
yii2.0框架数据库操作简单示例【添加,修改,删除,查询,打印等】
2020/04/13 PHP
JavaScript 学习笔记(十六) js事件
2010/02/01 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
vue-cli系列之vue-cli-service整体架构浅析
2019/01/14 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
用Python编程实现语音控制电脑
2014/04/01 Python
Python的Flask框架中Flask-Admin库的简单入门指引
2015/04/07 Python
Python绑定方法与非绑定方法详解
2017/08/18 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
python set集合使用方法解析
2019/11/05 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
副总经理工作职责
2013/11/28 职场文书
婚前保证书
2014/04/29 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
Java 在线考试云平台的实现
2021/11/23 Java/Android