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!

人工智能实验室
相关文章相关文章
  • 区块链最近太火,但A股多家公司明确表态不考虑涉足

    区块链最近太火,但A股多家公司明确表态不考虑涉足

  • 马云的新零售?张近东的智慧零售?抑或是刘强东的第四次零售革命?

    马云的新零售?张近东的智慧零售?抑或是刘强东的第四次零售革命?

  • 全球陷入"区块链狂热"潮,大规模应用还需等待

    全球陷入"区块链狂热"潮,大规模应用还需等待

  • 汤晓鸥:人工智能的中国式文艺复兴

    汤晓鸥:人工智能的中国式文艺复兴

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

算法 任何一个入门的软件开发人员都会听到这句话:算法是软件的灵魂!近年来大火的机器学习即是在算法在人工智能上的集中体现。今日头条通...

据《日本经济新闻》报道,日本东京大学教授稻叶雅幸等人开发出再现日本人骨骼肌肉构造的机器人。机器人各部位的肌肉和骨骼长度与日本人的平...

以奥黛丽-赫本为原型打造的人形机器人索菲娅首次拜访了印度。索菲娅是世界上首位获得公民身份的机器人,她在12月30日出现在了印度理工学院...

在查获现场,代售点电脑旁的一台机器人通过敲击电脑键盘抢票。 广州日报惠州讯 (全媒体记者秦仲阳 通讯员张中铃摄影报道)2018年春运售票已...