Bagaimana untuk mengubah suai kandungan a dalam jquery

藏色散人
Lepaskan: 2021-12-01 11:53:33
asal
2799 orang telah melayarinya

Cara mengubah suai kandungan a dengan jquery: 1. Tetapkan nilai atribut elemen yang dipilih melalui kaedah jquery attr() 2. Tetapkan kandungan teks elemen yang dipilih melalui jquery text() kaedah.

Bagaimana untuk mengubah suai kandungan a dalam jquery

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Cara mengubah suai kandungan a dengan jquery?

jquery mengubah suai pautan href dan teks teg a

Berikut ialah kod untuk mengubah suai pautan href dan teks teg a:

<script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
Salin selepas log masuk

Pautan asal:

<a href="http://keleyi.com" id="home_keleyi_com">柯乐义</a>
Salin selepas log masuk

Ubah suai pautan href bagi teg a:

$(&#39;#home_keleyi_com&#39;).attr(&#39;href&#39;,&#39;http://keleyi.com&#39;);
Salin selepas log masuk

Ubah suai teks:

$("#home_keleyi_com").text(&#39;柯乐义首页&#39;);
Salin selepas log masuk

Pautan yang diubah suai ialah:

<a href="http://keleyi.com" id="home_keleyi_com">柯乐义首页</a>
Salin selepas log masuk

Berikut ialah kod lengkap:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery修改链接--柯乐义</title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
</head>
<body>
Salin selepas log masuk

jquery untuk mengubah suai pautan href dan teks tag a, mula-mula klik pautan di bawah < ;br /> kemudian klik butang "Tukar", dan kemudian klik Klik pautan di bawah sekali dan perhatikan perbezaan dalam membuka halaman dua kali:


原文
Salin selepas log masuk

Pembelajaran yang disyorkan: "jquery tutorial video"

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai kandungan a dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
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!