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é)點元素的操作方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
jquery解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本篇文章是jQuery中的日期選擇器進行了詳細的分析介紹，需要的朋友參考下2013-06-06
jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下2014-03-03
下面小編就為大家?guī)硪黄猨query彈出遮掩層效果【附實例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-04-04
extend()是jQuery中一個重要的函數(shù)，作用是實現(xiàn)對對象的擴展, 它經(jīng)常用于jQuery插件的開發(fā)，jQuery內(nèi)部也使用它來擴展屬性方法，如noConflict方法，就是用extend方法來擴展的。下面來一起深入的再學(xué)習(xí)下jquery中extend的實現(xiàn)吧。2016-12-12
jQuery 1.5 beta1出來了，從學(xué)習(xí)跟進上來說，這一次已經(jīng)比較晚了（我竟然不知道1.5什么時候出的alpha，就這么beta了）。2011-01-01
這篇文章主要介紹了jquery實現(xiàn)最簡單的滑動菜單效果代碼,涉及jQuery基于鼠標(biāo)事件操作頁面元素動態(tài)變換的基本技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery使用$.extend(true,object1, object2);實現(xiàn)深拷貝對象的方法分析
這篇文章主要介紹了jQuery使用$.extend(true,object1, object2);實現(xiàn)深拷貝對象的方法,結(jié)合實例形式分析了jQuery中$.extend(true,object1, object2);進行深拷貝操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-03-03
jQuery simplePage+AJAX plus分頁插件用法實例
這篇文章主要介紹了jQuery simplePage+AJAX plus分頁插件用法,結(jié)合實例形式分析了jQuery基于extend擴展實現(xiàn)分頁插件的具體技巧,需要的朋友可以參考下2016-02-02
jQuery學(xué)習(xí)筆記 操作jQuery對象 CSS處理
在對class屬性的操作中，實際上已經(jīng)改變元素樣式了，但這些都是根據(jù)已設(shè)定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變原先設(shè)定好了的CSS規(guī)則2012-09-09