导航：首页 > 开发技术 >

jQuery如何动态控制页面字体大小

发表于：2026-11-03 作者：千家信息网编辑

千家信息网最后更新 2026年11月03日，小编给大家分享一下jQuery如何动态控制页面字体大小，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！动态控制页面字体大小用户可以改变页面字体大小$(document).ready(f

千家信息网最后更新 2026年11月03日jQuery如何动态控制页面字体大小

小编给大家分享一下jQuery如何动态控制页面字体大小，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

动态控制页面字体大小

用户可以改变页面字体大小

$(document).ready(function() {   // Reset the font size(back to default)   var originalFontSize = $('html').css('font-size');     $(".resetFont").click(function(){     $('html').css('font-size', originalFontSize);   });   // Increase the font size(bigger font0   $(".increaseFont").click(function(){     var currentFontSize = $('html').css('font-size');     var currentFontSizeNum = parseFloat(currentFontSize, 10);     var newFontSize = currentFontSizeNum*1.2;     $('html').css('font-size', newFontSize);     return false;   });   // Decrease the font size(smaller font)   $(".decreaseFont").click(function(){     var currentFontSize = $('html').css('font-size');     var currentFontSizeNum = parseFloat(currentFontSize, 10);     var newFontSize = currentFontSizeNum*0.8;     $('html').css('font-size', newFontSize);     return false;   }); });

看完了这篇文章，相信你对"jQuery如何动态控制页面字体大小"有了一定的了解，如果想了解更多相关知识，欢迎关注行业资讯频道，感谢各位的阅读！

很赞哦！