手机
当前位置:查字典教程网 >编程开发 >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仿gmail实现fixed布局的方法

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

JQuery给网页更换皮肤的方法

删除javascript所创建子节点的方法

jquery任意位置浮动固定层插件用法实例

jQuery中 prop() attr()使用详解

jQuery替换textarea中换行的方法

AngularJs中route的使用方法和配置

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

jquery中map函数遍历数组用法实例

精品推荐
分类导航