jQuery替换节点用法示例(使用replaceWith方法)
更新时间：2016年09月08日 11:27:21 作者：onestopweb
这篇文章主要介绍了jQuery替换节点的方法,结合简单实例形式分析了jQuery使用replaceWith方法替换P标签显示内容的相关实现技巧,需要的朋友可以参考下
本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery中scrollLeft()方法用法,实例分析了scrollLeft()方法的功能、定义及获取或设置匹配元素相对滚动条左侧的偏移(offset)量时的使用技巧,需要的朋友可以参考下2015-01-01
jQuery的ajax方法非常好用，这么好的东西，你想拥有一个属于自己的ajax么？接下来，我们来自己做一个简单的ajax吧2017-01-01
要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。2010-09-09
这篇文章主要介绍了jQuery 操作 HTML 元素和属性的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
下面小编就为大家分享一篇jquery 获取索引值在一定范围的列表方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了被jQuery抛弃的几个函数及其替代函数，我们在做项目开发的时候一定要注意，分享给大家参考下。2015-05-05
本文主要介绍了jquery中bind(),live(),delegate(),on()绑定事件的不同点和相同点，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了jquery获取select选中值的方法,结合实例详细分析了jQuery获取select选中项option文本值及value值的方法,同时给出了JavaScript获取select选中项的技巧,需要的朋友可以参考下2015-12-12
下面小编就为大家带来一篇jQuery学习心得总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
花了几个小时用jqury写的分页效果实现，功能基本实现需要再封装下 呵呵～～2009-11-11
最新评论