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 相关文章推荐
类似CSDN图片切换效果脚本
Sep 17 Javascript
显示js对象所有属性和方法的函数
Oct 16 Javascript
基于jquery的loading效果实现代码
Nov 05 Javascript
jquery 如何动态添加、删除class样式方法介绍
Nov 07 Javascript
js Calender控件使用详解
Jan 05 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
微信小程序封装http访问网络库实例代码
May 24 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
2013/06/19 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
推荐下python/ironpython:从入门到精通
2007/10/02 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
Python中修改字符串的四种方法
2018/11/02 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
python 爬取马蜂窝景点翻页文字评论的实现
2020/01/20 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
党建示范点实施方案
2014/03/12 职场文书
网络技术专业求职信
2014/05/02 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
义和团口号
2014/06/17 职场文书
2014年社区工作总结
2014/11/18 职场文书
旷课检讨书范文
2015/01/27 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
python 如何用map()函数创建多线程任务
2021/04/07 Python
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis