本文实例讲述了jQuery动态修改字体大小的方法。分享给大家供大家参考，具体如下：

运行效果截图如下：

完整代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title style * { margin 33600；划水：0;}.msg { width :300 pxmargin 3360100 px }。msg _ caption { width :100%；飞越：隐藏；边距-底部：1 px}.msg _ caption span { display :块；float : leftmargin :0 2 xpadding :4 px 10px背景技术： # 898989;光标：指针指针；font-size :12 px颜色：白色；}.msg textarea { width:300px高度：80 px高度：100 pxborder:1px固体# 000;}/style脚本src=' http : jquery-1。7 .2 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' span ')).单击(function(){ var thisEle=$('#para ').CSS('字号')；var text font size=parseFloat(thisEle，10)；定义变量单位=thisele。切片(-2)；//获取单位var cName=$(this).attr(' class ')；if(CName==' bigger '){ if(text font size=22){ text font size=2；} } else if(CName==' small '){ if(text font size=12){ text font size-=2；} } $('#para ').css('font-size '，textFontSize单位);});});/script/headdydiv class=' msg ' div class=' msg _ caption ' span class=' bigger '放大/span span class='更小'缩小/span/div/p id=' para '人生若只如初见，何事秋风悲画扇。等闲变却故人心，却道故人心易变。骊山语罢清宵半，泪雨霖铃终不怨。何如薄幸锦衣郎，比翼连枝当日愿/p /div/div/body/html更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。