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中的闭包原理分析
Mar 08 Javascript
让复选框只能选择一项的方法
Oct 08 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
Jul 29 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 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
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
php框架Phpbean说明
2008/01/10 PHP
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
php中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
php实现发送微信模板消息的方法
2015/03/07 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
PHP7.1方括号数组符号多值复制及指定键值赋值用法分析
2016/09/26 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
Python判断操作系统类型代码分享
2014/11/22 Python
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
python批量将excel内容进行翻译写入功能
2019/10/10 Python
基于python实现从尾到头打印链表
2019/11/02 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
linux面试相关问题
2012/08/11 面试题
新娘父亲婚礼致辞
2014/01/16 职场文书
会计试用期自我评价
2015/03/10 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS