方法和詳細(xì)的操作步驟如下:
創(chuàng)新互聯(lián)是一家專業(yè)提供石峰企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為石峰眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。
1、第一步,使用hbuilder編輯器創(chuàng)建一個(gè)新的html文件,設(shè)置一個(gè)輸入框并將其tpye屬性設(shè)置為checkbox,將name屬性設(shè)置為checkbox,并在復(fù)制時(shí)在頂部設(shè)置一個(gè)bgred樣式,見下圖,轉(zhuǎn)到下面的步驟。
2、第二步,執(zhí)行完上面的操作之后,介紹下面的Jquery庫,獲取復(fù)選框的dom元素,為其單擊事件,然后確定是否已選中該復(fù)選框,如果已選中,則添加上一步中的css樣式集,否則刪除該樣式
,見下圖,轉(zhuǎn)到下面的步驟。
3、第三步,執(zhí)行完上面的操作之后,進(jìn)入瀏覽器,會看到一個(gè)復(fù)選框,單擊以選中,見下圖,轉(zhuǎn)到下面的步驟。
4、第四步,執(zhí)行完上面的操作之后,文字顏色將更改,見下圖。這樣,就解決了這個(gè)問題了。
需要準(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)容。
使用該圓形進(jìn)度條插件需要引入jQuery和jquery.classycolor.min.js和jquery.classycolor.min.css文件。
link rel="stylesheet" type="text/css" href="css/jquery.classycolor.min.css" /
script src='js/jquery.min.js'/script
script src='js/jquery.classycolor.min.js'/script