jQuery之字体大小的设置方法介绍

  次阅读 作者:智能小宝 来源:互联网 2016-01-27 15:56 我要评论(0)

本篇文章主要是对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>

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...