Wie passt man Schriftgröße und Zeilenhöhe in JQuery an?

Sie müssen mit dem Attribut

font-size vertraut sein. Im Folgenden erfahren Sie, wie Sie mit jquery den Attributwert „font-size“ erhalten dazu.

Erhöhen, verkleinern und wiederherstellen Sie die ursprüngliche Größe der Schriftart auf der HTML-Seite. Die Klassen der Elemente sind resetFont, und ReduceFont in der JQuery 🎜>Ereignis definiert die Klickereignisse von drei Elementen, um die ursprüngliche Größe zu vergrößern, zu verkleinern und wiederherzustellen. Der Beispielcode lautet wie folgt:

JQuery-Implementierung zum Festlegen der Schriftgröße (font-size) und der Zeilenhöhe (

$(function () { 
//取得字体大小，在html标记下定义了font-size 
var originalFontSize = $("html").css("font-size"); 
//恢复默认字体大小 
$(".resetFont").click(function () { 
$("html").css("font-size", originalFontSize); 
//JavaScript不向下执行 
return false; 
}); 
//加大字体,某个元素的class定义为increaseFont 
$(".increaseFont").click(function () { 
//取得当前字体大小 后缀px,pt,pc 
var currentFontSize = $("html").css("font-size"); 
//取得当前字体大小，parseFloat()转为float类型去除后缀 
var currentFontSizeNumber = parseFloat(currentFontSize); 
//新定义的字体大小 
var newFontSize = currentFontSizeNumber * 1.1; 
//重写样式表 
$("html").css("font-size", newFontSize); 
//JavaScript不向下执行 
return false; 
}); 
//减小字体，某个元素的class定义为decreaseFont 
$(".decreaseFont").click(function () { 
//取得当前字体大小 后缀px,pt,pc 
var currentFontSize = $("html").css("font-size"); 
//取得当前字体大小，parseFloat()转为float类型去除后缀 
var currentFontSizeNumber = parseFloat(currentFontSize); 
//重新定义字体大小 
var newFontSize = currentFontSizeNumber * 0.9; 
//重写样式表 
$("html").css("font-size", newFontSize); 
//JavaScript不向下执行 
return false; 
}); 
});

line-height

)

                                                                                    

Das obige ist der detaillierte Inhalt vonWie passt man Schriftgröße und Zeilenhöhe in JQuery an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!