jQuery之字體大小的設(shè)置方法
先獲取字體大小,進(jìn)行處理。
再將修改的值保存。
slice() 方法可從已有的數(shù)組中返回選定的元素。
arrayObject.slice(start,end)。
start 必需。規(guī)定從何處開始選取。如果是負(fù)數(shù),那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說,-1 指最后一個(gè)元素,-2 指倒數(shù)第二個(gè)元素,以此類推。
end 可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒有指定該參數(shù),那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù),那么它規(guī)定的是從數(shù)組尾部開始算起的元素。
jQuery代碼如下:
<script type="text/javascript">
$(function(){
$("span").click(function(){
//獲取para的字體大小
var thisEle = $("#para").css("font-size");
//parseFloat的第二個(gè)參數(shù)表示轉(zhuǎn)化的進(jìn)制,10就表示轉(zhuǎn)為10進(jìn)制
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;
}
//設(shè)置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>
相關(guān)文章
JQuery動(dòng)態(tài)添加和刪除表格行的方法
這篇文章主要介紹了JQuery動(dòng)態(tài)添加和刪除表格行的方法,實(shí)例分析了jQuery中動(dòng)態(tài)操作表格行的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊
這篇文章主要介紹了Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02Jquery 選中表格一列并對(duì)表格排序?qū)崿F(xiàn)原理
該實(shí)現(xiàn)的主要思想是:獲取鼠標(biāo)點(diǎn)擊的表頭單元格的列號(hào),遍歷數(shù)據(jù)行,獲取每個(gè)<tr>中的html,同時(shí)獲取每個(gè)<tr>標(biāo)簽下對(duì)應(yīng)獲取到的列號(hào)的<td>標(biāo)簽中的內(nèi)容,并取得<th>標(biāo)簽的type屬性值,需要的朋友可以了解下2012-12-12jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過購物車出現(xiàn)下拉框代碼(推薦)
在做web前端項(xiàng)目開發(fā)的時(shí)候,使用jquery庫的感觸頗多,下面小編通過寫購物車的下拉框做法,把我的想法給大家分享一下,感興趣的朋友可以參考下2016-07-07jQuery插件簡單學(xué)習(xí)實(shí)例教程
這篇文章主要介紹了jQuery插件的簡單用法,列舉了分頁插件、放大鏡插件、自動(dòng)完成插件、上傳插件、日歷插件等的簡單使用方法,需要的朋友可以參考下2016-07-07jQuery 1.2.x 升級(jí) 1.3.x 注意事項(xiàng)
2009-05-05