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.
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>
Pautan asal:
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义</a>
Ubah suai pautan href bagi teg a:
$('#home_keleyi_com').attr('href','http://keleyi.com');
Ubah suai teks:
$("#home_keleyi_com").text('柯乐义首页');
Pautan yang diubah suai ialah:
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义首页</a>
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>
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: