Comment changer la police en Song Dynasty dans jquery-Questions et réponses frontales-php.cn

Comment changer la police en Song Dynasty dans jquery

青灯夜游

Libérer： 2022-04-20 14:20:19

original

3792 Les gens l'ont consulté

Méthode de modification : 1. Utilisez css() pour contrôler le style de la famille de polices, la syntaxe est "text element.css("font-family","宋体""); 2. Utilisez attr() pour définir le style de police. , la syntaxe est "élément de texte" .attr("style","font-family:'宋体'")".

Comment changer la police en Song Dynasty dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Dans le navigateur, lors de l'analyse du document HTML, le texte a une police par défaut.

Que dois-je faire si je souhaite modifier la police ? Laissez-moi vous présenter comment changer la police en Song Dynasty à l'aide de jquery.

Méthode 1 : utilisez la méthode css()

css() pour renvoyer ou définir un ou plusieurs attributs de style de l'élément correspondant.

Il vous suffit d'utiliser la méthode css() pour définir l'attribut font-family et définir la valeur de l'attribut sur "Songti".

Exemple :

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

Copier après la connexion

Comment changer la police en Song Dynasty dans jquery

Méthode 2 : utilisez la méthode attr()

attr() pour définir ou renvoyer la valeur d'attribut de l'élément sélectionné.

Vous pouvez utiliser cette méthode pour définir l'attribut style et ajouter simplement le

style. font-family: "宋体";

Exemple :

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

Copier après la connexion

Comment changer la police en Song Dynasty dans jquery

Description :

font - L'attribut family spécifie la police d'un élément.

L'attribut font-family doit définir plusieurs noms de polices comme mécanisme de « secours », si le navigateur ne prend pas en charge la première police, il essaiera la police suivante.

Remarque : Si le nom de la famille de polices comporte plusieurs caractères, il doit être entre guillemets, par exemple Famille de polices : "宋体". La valeur de cet attribut est utilisé pour un certain nom de famille de polices de l'élément ou/et une liste de priorité des noms de famille de classe.

Par défaut : dépend du navigateur.

inherit spécifie que la famille de polices doit être héritée de l'élément parent.