展会信息港展会大全

jQuery之字体大小的设置方法介绍
来源:互联网   发布日期:2016-01-27 15:56:42   浏览:1967次  

导读:本篇文章主要是对jQuery 字体大小的设置方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助先获取字体大小,进行处理。再将修改的值保存。slice() 方法可从已有的数组中返回选定的元素。arrayObje ...

本篇文章主要是对jQuery 字体大小的设置方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

再将修改的值保存。

slice() 方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)。

start 必需。规定从何处开始选龋如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

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

jQuery代码如下:

代码如下:

<script type="text/javascript">

$(function(){

$("span").click(function(){

//获取para的字体大小

var thisEle = $("#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>

<div class="msg">

<div class="msg_caption">

<span class="bigger" >放大</span>

<span class="smaller" >缩小</span>

</div>

<div>

<p id="para" >

This is some text. This is some text. This is some text. This is some text. This

is some text. This is some text. This is some text. This is some text. This is some

text. This is some text. This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text. This is some text. This

is some text. This is some text.

</p>

</div>

</div>

</body>

赞助本站

人工智能实验室

相关热词: 字体大小 jQuery

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港