用jquery改变字体大小答案

【问题标题】：font size change with jquery用jquery改变字体大小
【发布时间】：2013-08-11 02:46:39
【问题描述】：

我有一个页面需要更改字体大小。

一个简化的设置是这样的：

HTML：

<div class="box">Some dummy text in here</div>
<a href="#" class=".decreaseFont">decrease</a>

<a href="#" class=".increaseFont">increase</a>

JS：

$(document).ready(function () {

    $(".increaseFont").click(function () {
        $(".box").css("font-size", "12px");
    });

    $(".decreaseFont").click(function () {
        $(".box").css("font-size", "11px");
    });

});

CSS：

.box {
    font-size:11px;
    padding:30px;
    border:1px solid red;
}

由于某种原因，我无法确定这不起作用。 Here is a fiddle 也。

感谢您的宝贵时间。

【问题讨论】：

标签： jquery font-size

【解决方案1】：

检查你的类名

class=".increaseFont"

要么从中删除.

<a href="#" class="decreaseFont">decrease</a>
<a href="#" class="increaseFont">increase</a>

可以使用

$(".decreaseFont")
$(".increaseFont")

或者在你的选择器中转义

<a href="#" class=".decreaseFont">decrease</a>
<a href="#" class=".increaseFont">increase</a>

可以使用

 $(".\\.decreaseFont")
 $(".\\.increaseFont")

Check Fiddle

【讨论】：

【解决方案2】：

这是因为你应用了错误的类名：

<a href="#" class=".decreaseFont">decrease</a>

<a href="#" class=".increaseFont">increase</a>

删除fiddle中的点

【讨论】：

【解决方案3】：

您的班级名称中不应包含点 .。应该是

<a href="#" class="decreaseFont">decrease</a>
<a href="#" class="increaseFont">increase</a>

【讨论】：