Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menukar fon kepada Dinasti Lagu dalam jquery
Bagaimana untuk menukar fon kepada Dinasti Lagu dalam jquery
- 青灯夜游asal
- 2022-04-20 14:19:213789semak imbas
Kaedah pengubahsuaian: 1. Gunakan css() untuk mengawal gaya font-family, sintaksnya ialah "text element.css("font-family","宋体"""; untuk menetapkan gaya fon, Sintaks "elemen teks.attr("style","font-family:'宋体'")".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dalam penyemak imbas, apabila menghuraikan dokumen HTML, teks mempunyai fon lalai.
Apakah yang perlu saya lakukan jika saya ingin menukar fon? Izinkan saya memperkenalkan kepada anda kaedah jquery untuk menukar fon kepada Dinasti Lagu .
Kaedah 1: Gunakan kaedah css()
css() untuk mengembalikan atau menetapkan satu atau lebih atribut gaya elemen yang dipadankan.
Anda hanya perlu menggunakan kaedah css() untuk menetapkan atribut font-family dan menetapkan nilai atribut kepada "Tahun Baru Cina".
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#zt").css("font-family","宋体");
});
});
</script>
</head>
<body>
<p>默认字体</p>
<p id="zt">修改字体</p>
<button>将字体改变为宋体</button>
</body>
Kaedah 2: Menggunakan kaedah attr()
attr() kaedah Menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih.
boleh menggunakan kaedah ini untuk menetapkan atribut gaya, cuma tambah gaya font-family: "宋体";.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").attr("style","font-family:'宋体'");
});
});
</script>
</head>
<body>
<p>这是一段文本</p>
<p>这是一段文本</p>
<button>将字体改变为宋体</button>
</body>
Penjelasan:
font - Atribut keluarga menentukan fon sesuatu unsur.
Atribut keluarga fon harus menetapkan beberapa nama fon sebagai mekanisme "sandaran", jika penyemak imbas tidak menyokong fon pertama, dia akan mencuba fon seterusnya.
Nota: Jika nama keluarga fon adalah lebih daripada satu aksara, ia mestilah dalam tanda petikan, seperti Keluarga Fon: "宋体".
Nilai atribut atribut ini: nilai
| Penerangan | |||||||
|---|---|---|---|---|---|---|---|
|
|
||||||
| warisi | Menentukan bahawa keluarga fon harus diwarisi daripada elemen induk. |
Atas ialah kandungan terperinci Bagaimana untuk menukar fon kepada Dinasti Lagu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!