Jquery 使用click（）方法增加/减少网页的文本大小

想要增加和减少整个网页的字体大小使用可点击的链接。我将链接放在HTML中，但是，我正在努力解决jQuery方面的问题

HTML

$（文档）.ready（函数（）{
$（'#linkrease'）。单击（函数（）{
modifyFontSize（“增加”）；
});
$（'#linkDecrease'）。单击（函数（）{
modifyFontSize（“减少”）；
});
函数modifyFontSize（标志）{
var divElement=$（'.body'）；
var currentFontSize=parseInt（divElement.css（'font-size'））；
如果（标志==‘增加’）currentFontSize+=3；
否则，如果（标志==‘减少’）currentFontSize-=3；
else currentFontSize=16；
css（'font-size'，currentFontSize）；
}
});
*{
保证金：自动；
填充：0；
}
身体{
保证金：自动；
填充：0；
宽度：100%；
背景色：#d2eaf2；
溢出：滚动；
溢出x：隐藏；
字体系列：“世纪哥特式”，衬线；
}

字体大小：
此setFontSize函数允许您将任意字体大小设置为任意CSS选择器

    var sheet = document.createElement('style');

    function setFontSize(selector, px) {
        sheet.innerHTML = selector + " { font-size: " + px + "px;}";
       // remove the previously-added styleSheet if present
       try {document.body.removeChild(sheet);} catch(e) {}
       document.body.appendChild(sheet);
    }

    var fontSize = 10;

    $('#linkIncrease').click(function () {
        fontSize += 3;
        setFontSize('body', fontSize);
    }
    );
    $('#linkDecrease').click(function () {
        fontSize -= 3;
        setFontSize('body', fontSize);
    }

这里有一个小提琴：
如果在计算的尺寸上添加一个单位，结果会是什么？
css（'font-size'，''+currentFontSize+'px'）

此外，如果与body元素相对应，则删除“.”以检索divElement（“.”以在div的类为“body”时使用）。

var FirstSize=parseInt（$（“body”）.css（“font-size”），10）；
$（“.ChangeFont span:last child”）.html（FirstSize+“px”）；
$（“.ChangeFont a”）。在（“单击”，函数（）{
var ds=parseInt（$（this）.attr（“数据大小”）；
$（“body”）.css（“font-size”，ds==0？FirstSize:parseInt（$（“body”）.css（“font-size”），10）+ds）；
$（“.changefontspan:last child”）.html（$（“body”）.css（“字体大小”）；
});
body{背景色：#d2eaf2；}
.ChangeFont{display:flex}
.ChangeFont*{font size:16px！重要；}
.changefonta{
填充：7px 10px 7px 10px；
保证金：5px；
边框：1px实心浅灰色；
光标：指针；
用户选择：无；
背景色：#fff；
最小宽度：15px；
文本对齐：居中；
边界半径：5px；
}
.ChangeFont a:hover{背景色：#eee；}

✚
⚊
↻
字体大小：
下表假设你从22岁开始，没有投资。它还假设平均每年6%的投资回报率和各种年薪。
请记住，图表中没有考虑通货膨胀或加薪。
如果你能赚到100万美元，那么在50岁之前，你需要留出多少钱才能赚到100万美元：
40000美元：占你收入的34.6%
60000美元：占你收入的23%
80000美元：占你收入的17.3%
100000美元：占你收入的13.8%
120000美元：占你收入的11.5%
NerdWallet的投资和退休专家Andrea Coombes告诉CNBC Make It，“毫无疑问，试图在不到30年的时间里用4万美元的收入节省100万美元将是一个真正的挑战。”。“不过，你可以节省的金额与你的支出直接相关，因此，如果你可以减少支出，将收入的35%节省下来，那么你就有了更多的权力。”
你有一个不匹配的jquery选择器。
您也忘记调用重置函数了

$(document).ready(function() {
        $('#linkIncrease').click(function () {
            modifyFontSize('increase');
        }
        );
        $('#linkDecrease').click(function () {
            modifyFontSize('decrease');
        }
        );
        $('#linkReset').click(function () {
            modifyFontSize('reset');
        }
        );

            function modifyFontSize(flag) {
            var divElement=$('body');
            var currentFontSize=parseInt($("body").css('font-size'));

            if (flag=='increase')  
            currentFontSize +=3;
            else if 
            (flag=='decrease') currentFontSize -=3;        
            else  currentFontSize=16;

            divElement.css("fontSize", currentFontSize);
        }
    }
    );

这应该行得通。

周：
divElement=$（'.body'）“body”它不是类，而是：

divElement = $('body');

这是一个可怕的问题，你有一个输入错误
var divElement=$（'.body'）应该是
var divElement=$（'body'）额外建议：如果改为更改html元素的字体大小，并使用rem设置所有字体大小的样式，它们将随着字体大小的增加或减少而缩放！1rem=当前html的字体大小