這篇文章主要介紹了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替換節點用法範例(使用replaceWith方法)的詳細內容。更多資訊請關注PHP中文網其他相關文章!