1、新建一個html文件,命名為test.html。
創(chuàng)新互聯(lián)公司是專業(yè)的績溪網站建設公司,績溪接單;提供網站制作、成都網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行績溪網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!
2、在test.html文件內,使用textarea標簽創(chuàng)建一個文本域,用于測試。
3、在test.html文件內,設置textarea標簽的id為mycc。
4、在test.html文件內,創(chuàng)建一個按鈕,給按鈕綁定onclick事件,當按鈕被點擊時,執(zhí)行editColor函數。
5、在js標簽內,創(chuàng)建editColor函數,通過id獲得textarea對象,使用css()方法設置color屬性為red,即設置textarea字體顏色為紅色。
6、在瀏覽器打開test.html文件,點擊按鈕,查看實現的效果。
var
str
=
document.getelementbyid("id");
str.style.fontweight="bold";//加粗
str.style.fontweight="normal";//取消加粗
點擊的時候先判斷一下當前狀態(tài),然后替換狀態(tài)就可以了。
$().css({
"font-familty":"",
"font-weight":"",
"font-style":""
})
本篇文章主要是對jQuery
字體大小的設置方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
先獲取字體大小,進行處理。
再將修改的值保存。
slice()
方法可從已有的數組中返回選定的元素。
arrayObject.slice(start,end)。
start
必需。規(guī)定從何處開始選取。如果是負數,那么它規(guī)定從數組尾部開始算起的位置。也就是說,-1
指最后一個元素,-2
指倒數第二個元素,以此類推。
end
可選。規(guī)定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數,那么切分的數組包含從
start
到數組結束的所有元素。如果這個參數是負數,那么它規(guī)定的是從數組尾部開始算起的元素。
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 Mobile在不同設備可能有字體大小不一致的場景,針對這種情況,如下設置可能會有幫助:
1、將文檔的根元素的字體大小設定為Font-size:62.5%;
2、將原來的px數值除以10,然后換上rem作為單位;即原來是:font-size:12px,更換后應該是:font-size:1.2rem;
3、為了兼容不支持rem單位的瀏覽器,應該同時為HTML元素聲明絕對單位,如:font-size:12px;
正確的設置應該這樣:
html,body{font-size:62.5%}
p{font-size:12px;font-size:1.2rem;}
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標簽,輸入jquery代碼:
$('span').each(function () {
if ($(this).css('color') === 'rgb(255, 0, 0)') {
$('body').append($(this).text());
}
});
3、瀏覽器運行index.html頁面,此時用jquery獲取到了所有紅色字體顏色元素并打印了內容。