jQuery之字体大小的设置
2016-02-18 14:36
681 查看
先获取字体大小,进行处理。
再将修改的值保存。
slice() 方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end)。
start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
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 表格 隔行换色 和鼠标滑过的样式
- 基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
- jquery ajax 传动态值(错误试调)
- jquery的autocomplete在firefox下不支持中文输入法的bug
- jquery 拓展函数集
- jQuery自学教程(一)
- jQuery图片上传前先在本地预览
- window onload || jquery $()
- js-jQuery对象与dom对象相互转换
- jQuery 添加删除同级或不同级的class
- JQuery实现的 checkbox 全选、反选。
- jQuery之防止冒泡事件
- 导入jquery
- jquery中CSS()方法和attr方法的区别
- jQuery 获取 table 行数
- jQuery为<input />标签添加“disable”和去除“disable”属性
- jQuery html表格排序插件:tablesorter
- jQuery 插入元素时绑定事件 或 已加载的html绑定事件
- 自己动手丰衣足食之 jQuery 数量加减插件
- jquery杂记