我有一个页面需要更改字体大小。
一个简化的设置是这样的:
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也。
感谢您的时间。
最佳答案
检查你的班级名称
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
关于jquery - 用jQuery更改字体大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18142116/