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

青灯夜游
Lepaskan: 2022-04-20 14:20:19
asal
3769 orang telah melayarinya

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:'宋体'")".

Bagaimana untuk menukar fon kepada Dinasti Lagu dalam jquery

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>
Salin selepas log masuk

Bagaimana untuk menukar fon kepada Dinasti Lagu dalam jquery

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:&#39;宋体&#39;");
				});
			});
		</script>
	</head>
	<body>
		<p>这是一段文本</p>
		<p>这是一段文本</p>
		<button>将字体改变为宋体</button>

	</body>
Salin selepas log masuk

Bagaimana untuk menukar fon kepada Dinasti Lagu dalam jquery

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
  • nama keluarga
  • generik- keluarga
描述
  • family-name
  • generic-family

用于某个元素的字体族名称或/及类族名称的一个优先表。

默认值:取决于浏览器。

inherit 规定应该从父元素继承字体系列。
Senarai keutamaan nama keluarga fon atau/dan nama keluarga kelas untuk digunakan untuk elemen.

Lalai: Bergantung pada penyemak imbas.

warisi Menentukan bahawa keluarga fon harus diwarisi daripada elemen induk.
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

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!

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