简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

使用jQuery替换节点元素（附代码）

php中世界最好的语言
Lepaskan： 2018-06-15 15:22:51
asal
1297 orang telah melayarinya

这次给大家带来使用jQuery替换节点元素（附代码），使用jQuery替换节点元素的注意事项有哪些，下面就是实战案例，一起来看一下。

<!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插入节点元素的方法</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">替换节点元素</button>
</body>
</html>
Salin selepas log masuk

效果图如下：

　　　　　　　　　　　　　　如图（1）

　　　　　　　　　　　　　　如图（2）

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

如何操作JS给动态元素增加事件

JS动态添加方法与PHP动态添加方法比较

Atas ialah kandungan terperinci 使用jQuery替换节点元素（附代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
jq 替换节点元素 jq 节点元素
sumber：php.cn
Artikel sebelumnya：Servlet3.0+JS进行Ajax交互 Artikel seterusnya：介绍JS入门小案例
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Perubahan pemilih dalam Vue.js: menetapkan data yang dipilih untuk pemilih dan pemilih acara dalam gelung Saya perlu menjalankan fungsi seperti jq dalam vuejs: -html@foreach($usersas$user)&lt;...
daripada 2023-09-11 09:59:53
0
1
272
Menggunakan jq untuk memanggil Ajax akan menunjukkan apa yang berlaku apabila Ajax bukan kaedah $.ajax({ type:"get", url:"js/data.txt", success: function(data) { cons...
daripada 2023-03-24 18:16:34
0
1
252
Tanya tentang jq Mengapa ini selalu salah? Kedua, terdapat beberapa soalan yang salah dalam ujian 2. Apa ya...
daripada 2020-12-12 15:16:59
0
1
1066
Mengenai penggunaan asas JQ $() ditulis secara langsung seperti ini. Apakah perbezaan antara $(document).redy(function...
daripada 2019-01-06 17:05:25
0
2
988
Bagaimana untuk menggelung melalui dua atau lebih tatasusunan dalam php atau jq, setiap tatasusunan mempunyai dua elemen, seperti yang ditunjukkan di bawah Contohnya: $a = [A,B] $b = [C,D] Bagaimana untuk menggelung sebagai $array=array(
daripada 2018-11-16 17:20:53
0
3
875
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！