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 中介者模式实例
Dec 16 Javascript
js实现倒计时(距离结束还有)示例代码
Jul 24 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
jquery+css实现的红色线条横向二级菜单效果
Aug 22 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
AngularJS中的Directive实现延迟加载
Jan 25 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
May 10 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
Jul 06 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 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
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
2014/05/11 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
JavaScript实现简单的tab选项卡切换
2016/01/05 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
2020/08/04 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
Python 开发Activex组件方法
2009/11/08 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
Python tkinter事件高级用法实例
2018/01/31 Python
PyTorch使用cpu加载模型运算方式
2020/01/13 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
Python实现京东抢秒杀功能
2021/01/25 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
公司任命书模板
2014/06/06 职场文书
《正比例》教学反思
2016/02/23 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python