jQuery替換節(jié)點元素的操作方法

更新時間：2018年03月18日 16:47:47 作者：abernhong

這篇文章通過實例代碼給大家講解了jquery替換節(jié)點元素的操作方法及動態(tài)頁面的實現(xiàn)代碼，非常不錯，需要的朋友參考下吧

替換節(jié)點元素的操作，實現(xiàn)動態(tài)頁面的，代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>中國</title>
 <script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script>
 <script type="text/javascript">
  $(document).ready(function () {
   $("button#button-replaceWith").click(function () {
    $("p").replaceWith("<strong>您好!我最喜歡的IT公司是：</strong>");
    $("[name='name-replace']").replaceWith("<tr><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr><tr><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr>");
   });
  });

 </script>
</head>
<body>
 <h2>超實用的jquery代碼段-jquery插入節(jié)點元素的方法</h2>
 <p>您好！您最喜歡的IT公司是:</p>
 <ul>
  <li title="Google">Google</li>
  <li title="Apple">Apple</li>
  <li title="Microsoft">Microsoft</li>
 </ul>
 <table name="name-replace">

 </table>
 <button id="button-replaceWith">替換節(jié)點元素</button>
</body>
</html>

效果圖如下：

　　　　　　　　　　　　　　如圖（1）

　　　　　　　　　　　　　　如圖（2）

總結(jié)

以上所述是小編給大家介紹的jQuery替換節(jié)點元素的操作方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章:

jquery siblings獲取同輩元素用法實例分析
這篇文章主要介紹了jquery siblings獲取同輩元素用法,結(jié)合實例形式分析了jQuery使用siblings遍歷同級元素的相關技巧,需要的朋友可以參考下
2016-07-07
JQuery魔力之$("tagName")與selector
DOM 中的 getElementsByTagName()方法在JQuery中的表現(xiàn)就是$(“tagName”)這么簡單！tag標簽（可以是：p、div、button …）標簽本身具有ID、Class等屬性
2012-03-03
jquery 操作表格實現(xiàn)代碼(多種操作打包)
最近做東西需要對表格進行操作，用到的動作包括:添加一行數(shù)據(jù)、刪除一行數(shù)據(jù)、上下移動數(shù)據(jù)，網(wǎng)上找了很多，但是不能完全滿足我的需求，自己琢磨了下，搞了個這個東東
2011-03-03
jQuery scroll事件實現(xiàn)監(jiān)控滾動條分頁示例
這篇文章主要介紹了jQuery scroll事件實現(xiàn)監(jiān)控滾動條分頁簡單示例,使用ajax加載,同時介紹了(document).height()與$(window).height()的區(qū)別,需要的朋友可以參考下
2014-04-04
jQuery溫習篇強大的JQuery選擇器
學習jQuery已經(jīng)有1年多的時間了，但是一直由于做WinForm程序開發(fā)沒有經(jīng)常實踐。現(xiàn)在又開始重拾WebForm開發(fā)。寫幾篇jQuery系列，溫習下jQuery框架的知識。
2010-04-04
jquery控制listbox中項的移動并排序
以下是用jquery控制ASP.NET中的兩個asp:listbox控件中選擇項的移動。
2009-11-11
jQuery實現(xiàn)表格顏色交替顯示的方法
這篇文章主要介紹了jQuery實現(xiàn)表格顏色交替顯示的方法,涉及jQuery操作表格樣式的技巧,非常具有實用價值,需要的朋友可以參考下
2015-03-03
jQuery的強大選擇器小結(jié)
jQuery的選擇器主要包括基本選擇器子選擇器特征選擇器位置選擇器。
2009-12-12
jQuery手指滑動輪播效果
本文給大家分享一段jquery代碼實現(xiàn)手指滑動輪播效果，代碼簡單易懂，非常不錯，需要的朋友參考下
2016-12-12
Jquery結(jié)合HTML5實現(xiàn)文件上傳
本文給大家介紹的是利用Jquery使用HTML5的FormData屬性實現(xiàn)對文件的上傳的方法和實例，非常的實用，有需要的小伙伴可以參考下。
2015-06-06