1、新建一個(gè)html文件,命名為test.html。
創(chuàng)新互聯(lián)公司是專業(yè)的績(jī)溪網(wǎng)站建設(shè)公司,績(jī)溪接單;提供網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行績(jī)溪網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
2、在test.html文件內(nèi),使用textarea標(biāo)簽創(chuàng)建一個(gè)文本域,用于測(cè)試。
3、在test.html文件內(nèi),設(shè)置textarea標(biāo)簽的id為mycc。
4、在test.html文件內(nèi),創(chuàng)建一個(gè)按鈕,給按鈕綁定onclick事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行editColor函數(shù)。
5、在js標(biāo)簽內(nèi),創(chuàng)建editColor函數(shù),通過id獲得textarea對(duì)象,使用css()方法設(shè)置color屬性為red,即設(shè)置textarea字體顏色為紅色。
6、在瀏覽器打開test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
var
str
=
document.getelementbyid("id");
str.style.fontweight="bold";//加粗
str.style.fontweight="normal";//取消加粗
點(diǎn)擊的時(shí)候先判斷一下當(dāng)前狀態(tài),然后替換狀態(tài)就可以了。
$().css({
"font-familty":"",
"font-weight":"",
"font-style":""
})
本篇文章主要是對(duì)jQuery
字體大小的設(shè)置方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助
先獲取字體大小,進(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
jQuery Mobile在不同設(shè)備可能有字體大小不一致的場(chǎng)景,針對(duì)這種情況,如下設(shè)置可能會(huì)有幫助:
1、將文檔的根元素的字體大小設(shè)定為Font-size:62.5%;
2、將原來的px數(shù)值除以10,然后換上rem作為單位;即原來是:font-size:12px,更換后應(yīng)該是:font-size:1.2rem;
3、為了兼容不支持rem單位的瀏覽器,應(yīng)該同時(shí)為HTML元素聲明絕對(duì)單位,如:font-size:12px;
正確的設(shè)置應(yīng)該這樣:
html,body{font-size:62.5%}
p{font-size:12px;font-size:1.2rem;}
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:
$('span').each(function () {
if ($(this).css('color') === 'rgb(255, 0, 0)') {
$('body').append($(this).text());
}
});
3、瀏覽器運(yùn)行index.html頁面,此時(shí)用jquery獲取到了所有紅色字體顏色元素并打印了內(nèi)容。
名稱欄目:jquery字體,jquery字體圖標(biāo)
URL分享:http://chinadenli.net/article14/dsdcpde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、定制網(wǎng)站、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站營銷、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)