Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie die Schriftart in Song Dynasty in jquery

So ändern Sie die Schriftart in Song Dynasty in jquery

青灯夜游
青灯夜游Original
2022-04-20 14:19:213790Durchsuche

Änderungsmethode: 1. Verwenden Sie css(), um den Schriftfamilienstil zu steuern. Die Syntax lautet „text element.css(„font-family“, „宋体“)“ 2. Verwenden Sie attr(), um die Schriftart festzulegen Stil, die Syntax ist „Textelement“ .attr(„Stil“, „Schriftfamilie:‘宋体‘“)“.

So ändern Sie die Schriftart in Song Dynasty in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Im Browser hat der Text beim Parsen des HTML-Dokuments eine Standardschriftart.

Was soll ich tun, wenn ich die Schriftart ändern möchte? Lassen Sie mich Ihnen vorstellen, wie Sie mit jquery die Schriftart in Song Dynasty ändern können.

Methode 1: Verwenden Sie die Methode css()

css(), um ein oder mehrere Stilattribute des übereinstimmenden Elements zurückzugeben oder festzulegen.

Sie müssen nur die Methode css() verwenden, um das Attribut „font-family“ festzulegen und den Attributwert auf „Songti“ zu setzen.

Beispiel:

<!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>

So ändern Sie die Schriftart in Song Dynasty in jquery

Methode 2: Verwenden Sie die attr()-Methode

attr()-Methode, um den Attributwert des ausgewählten Elements festzulegen oder zurückzugeben.

Mit dieser Methode können Sie das Stilattribut festlegen und

Stil hinzufügen.

font-family: "宋体";Beispiel:

<!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>

So ändern Sie die Schriftart in Song Dynasty in jquery

Beschreibung:

font – Das Familienattribut gibt die Schriftart eines Elements an.

Das Attribut „font-family“ sollte mehrere Schriftartnamen als „Fallback“-Mechanismus festlegen. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten Schriftart.

Hinweis: Wenn der Name der Schriftfamilie aus mehr als einem Zeichen besteht, muss er in Anführungszeichen gesetzt werden, z. B. Schriftfamilie: „宋体“.

Attributwert für dieses Attribut:

Wert wird für den Namen einer bestimmten Schriftartfamilie des Elements verwendet oder/und eine Rangfolgeliste von Klassenfamiliennamen. inherit【Empfohlenes Lernen:
Beschreibung
    Familienname
  • generische Familie

Standard: Abhängig vom Browser.

gibt an, dass die Schriftfamilie vom übergeordneten Element geerbt werden soll.
jQuery-Video-Tutorial

, Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftart in Song Dynasty in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn