方法和详细的操作步骤如下：
创新互联是一家专业提供石峰企业网站建设,专注与成都做网站、成都网站建设、HTML5建站、小程序制作等业务。10年已为石峰众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
1、第一步，使用hbuilder编辑器创建一个新的html文件，设置一个输入框并将其tpye属性设置为checkbox，将name属性设置为checkbox，并在复制时在顶部设置一个bgred样式，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，介绍下面的Jquery库，获取复选框的dom元素，为其单击事件，然后确定是否已选中该复选框，如果已选中，则添加上一步中的css样式集，否则删除该样式
，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，进入浏览器，会看到一个复选框，单击以选中，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，文字颜色将更改，见下图。这样，就解决了这个问题了。
需要准备的材料分别有：电脑、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获取到了所有红色字体颜色元素并打印了内容。
使用该圆形进度条插件需要引入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
