jQuery之字体大小的设置方法 - Web前端

作者：98wpeu发布时间：2026-05-22分类：网页前端技术浏览：92

导读：先获取字体大小，进行处理。再将修改的值保存。slice()方法可从已有的数组中返回选定的元素。ArrayObject.slice(start,end)。start必需。规定从何...

先获取字体大小，进行处理。

再将修改的值保存。

slice() 方法可从已有的数组中返回选定的元素。
ArrayObject.slice(start,end)。
start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

JQuery代码如下：
复制代码代码如下:
<scripttype="text/javascript">
    $(function(){
        $("span").click(function(){
            //获取para的字体大小
            varthisEle = $("#para").CSS("font-size");
            //parseFloat的第二个参数表示转化的进制，10就表示转为10进制
            var textfontsize = parseFloat(thisEle , 10);
            //JavaScript自带方法
            var unit = thisEle.slice(-2); //获取单位
            var cName = $(this).attr("class");
            if(cName == "bigger"){
                    textFontSize += 2;
            }else if(cName == "smaller"){
                    textFontSize -= 2;
            }
            //设置para的字体大小
            $("#para").css("font-size", textFontSize + unit );
        });
    });
</script>

html代码如下：
复制代码代码如下:
<body>

</body>

标签：字体大小方法 Web jQuery

上一篇：jquery实现动态菜单的实例代码 - Web前端
下一篇：jquery获取元素索引值index()示例 - Web前端

jQuery之字体大小的设置方法 - Web前端

相关推荐