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的图片轮播 tab切换组件
Jul 19 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
JavaScript控制图片加载完成后调用回调函数的方法
Mar 20 Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 Javascript
js获取页面description的方法
May 21 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
详解vue-cli 构建Vue项目遇到的坑
Aug 30 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
通过jQuery学习js类型判断的技巧
May 27 jQuery
Vue 子组件与数据传递问题及注意事项
Jul 11 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
php 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
PHP实现的增强性mhash函数
2015/05/27 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
JS中setTimeout()的用法详解
2013/04/14 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
Python的gevent框架的入门教程
2015/04/29 Python
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
python地震数据可视化详解
2019/06/18 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
详解python解压压缩包的五种方法
2019/07/05 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
Django实现celery定时任务过程解析
2020/04/21 Python
python在一个范围内取随机数的简单实例
2020/08/16 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
python palywright库基本使用
2021/01/21 Python
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
班组建设经验交流材料
2014/05/12 职场文书
公司领导班子四风对照检查材料
2014/09/27 职场文书
教师作风整顿个人剖析材料
2014/10/10 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书
CSS3实现三角形不断放大效果
2021/04/13 HTML / CSS