手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery替换节点用法示例(使用replaceWith方法)
jQuery替换节点用法示例(使用replaceWith方法)
摘要:本文实例讲述了jQuery替换节点的方法。分享给大家供大家参考,具体如下://你最喜欢的水果是?苹果橘子菠萝效果图:希望本文所述对大...

本文实例讲述了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>你最不喜欢的水果是").replaceAll("p"); }); //]]> </script> </head> <body> <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> <ul> <li title='苹果'>苹果</li> <li title='橘子'>橘子</li> <li title='菠萝'>菠萝</li> </ul> </body>

效果图:

jQuery替换节点用法示例(使用replaceWith方法)1

希望本文所述对大家jQuery程序设计有所帮助。

【jQuery替换节点用法示例(使用replaceWith方法)】相关文章:

jquery实现图片左右切换的方法

jquery实现用户打分评分特效

jquery使用each方法遍历json格式数据实例

jQuery取消ajax请求的方法

jQuery实现返回顶部效果的方法

使用JavaScript刷新网页的方法

jQuery实现自动滚动到页面顶端的方法

javascript实时显示当天日期的方法

JQuery给网页更换皮肤的方法

jQuery实现不断闪烁文字的方法

精品推荐
分类导航