js-example
1 、 字体放大,缩小
<body>
<div class="wrapper">
<button id="btn1">放大</button>
<button id="btn2">缩小</button>
<p>Lorem ipsum dolor Similique perferendis impedit quibusdam doloribus</p>
</div>
</body>
</html>
<script>
$(document).ready(function (e) {
var csssize=($('p').css("font-size"));//获取p的fontsize
var unit=csssize.slice(-2);//截取px
var fontSize=parseInt(csssize)//转换为整形
$('#btn1').click(function () {
fontSize=fontSize+2;
console.log(fontSize);
$('p').css("fontSize",fontSize+unit)
});
$('#btn2').click(function () {
fontSize=fontSize-2;
console.log(fontSize);
$('p').css("fontSize",fontSize+unit)
});
})
</script>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步