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 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
js 覆盖和重载 函数
Sep 25 Javascript
jquery validator 插件增加日期比较方法
Feb 21 Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
jQuery 生成svg矢量二维码
Aug 09 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
PHP连接Access数据库的方法小结
2013/06/20 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
PHP递归的三种常用方式
2019/02/28 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
JavaScript:Date类型全面解析
2016/05/19 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
JS实现密码框效果
2020/09/10 Javascript
一个检测OpenSSL心脏出血漏洞的Python脚本分享
2014/04/10 Python
python文件操作整理汇总
2014/10/21 Python
Python最长公共子串算法实例
2015/03/07 Python
Python判断有效的数独算法示例
2019/02/23 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
opencv3/C++实现视频读取、视频写入
2019/12/11 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
实习生自我评价
2014/01/18 职场文书
网络妈妈观后感
2015/06/08 职场文书
Python基础知识学习之类的继承
2021/05/31 Python
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫