欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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）

總結

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

相關文章

  • jquery siblings獲取同輩元素用法實例分析

    jquery siblings獲取同輩元素用法實例分析

    這篇文章主要介紹了jquery siblings獲取同輩元素用法,結合實例形式分析了jQuery使用siblings遍歷同級元素的相關技巧,需要的朋友可以參考下
    2016-07-07
  • JQuery魔力之$("tagName")與selector

    JQuery魔力之$("tagName")與selector

    DOM 中的 getElementsByTagName()方法在JQuery中的表現(xiàn)就是$(“tagName”)這么簡單！tag標簽（可以是：p、div、button …）標簽本身具有ID、Class等屬性
    2012-03-03
  • jquery 操作表格實現(xiàn)代碼(多種操作打包)

    jquery 操作表格實現(xiàn)代碼(多種操作打包)

    最近做東西需要對表格進行操作，用到的動作包括:添加一行數(shù)據(jù)、刪除一行數(shù)據(jù)、上下移動數(shù)據(jù)，網上找了很多，但是不能完全滿足我的需求，自己琢磨了下，搞了個這個東東
    2011-03-03
  • jQuery scroll事件實現(xiàn)監(jiān)控滾動條分頁示例

    jQuery scroll事件實現(xiàn)監(jiān)控滾動條分頁示例

    這篇文章主要介紹了jQuery scroll事件實現(xiàn)監(jiān)控滾動條分頁簡單示例,使用ajax加載,同時介紹了(document).height()與$(window).height()的區(qū)別,需要的朋友可以參考下
    2014-04-04
  • jQuery溫習篇 強大的JQuery選擇器

    jQuery溫習篇 強大的JQuery選擇器

    學習jQuery已經有1年多的時間了，但是一直由于做WinForm程序開發(fā)沒有經常實踐?，F(xiàn)在又開始重拾WebForm開發(fā)。寫幾篇jQuery系列，溫習下jQuery框架的知識。
    2010-04-04
  • jquery控制listbox中項的移動并排序

    jquery控制listbox中項的移動并排序

    以下是用jquery控制ASP.NET中的兩個asp:listbox控件中選擇項的移動。
    2009-11-11
  • jQuery實現(xiàn)表格顏色交替顯示的方法

    jQuery實現(xiàn)表格顏色交替顯示的方法

    這篇文章主要介紹了jQuery實現(xiàn)表格顏色交替顯示的方法,涉及jQuery操作表格樣式的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-03-03
  • jQuery的強大選擇器小結

    jQuery的強大選擇器小結

    jQuery的選擇器主要包括基本選擇器 子選擇器 特征選擇器 位置選擇器。
    2009-12-12
  • jQuery手指滑動輪播效果

    jQuery手指滑動輪播效果

    本文給大家分享一段jquery代碼實現(xiàn)手指滑動輪播效果，代碼簡單易懂，非常不錯，需要的朋友參考下
    2016-12-12
  • Jquery結合HTML5實現(xiàn)文件上傳

    Jquery結合HTML5實現(xiàn)文件上傳

    本文給大家介紹的是利用Jquery使用HTML5的FormData屬性實現(xiàn)對文件的上傳的方法和實例，非常的實用，有需要的小伙伴可以參考下。
    2015-06-06

最新評論