1、首先用hbuilder编辑器新建一个html文件，里面设置一个input框并设置它的tpye属性为checkbox，设置name属性为checkbox，同时在上方设置一个bgred的样式备用：
在安国等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、网站设计 网站设计制作按需网站制作,公司网站建设,企业网站建设,品牌网站建设,成都全网营销,成都外贸网站建设公司,安国网站建设费用合理。
2、然后在下方引入Jquery库，首先获取checkbox的dom元素，给它一个点击事件，然后判断checkbox有没有被选中，如果选中就添加上一步设置好的css样式，否则则删除样式：
3、最后来到浏览器，可以看到一个checkbox框，点击将它选中：
4、点击之后checkbox的颜色就改变了：
!DOCTYPE html
html
head
meta charset="utf-8"
script src=""/script
script type="text/javascript"
$(document).ready(function(){
$("div").css("background-color","red");
});
/script
title练习测试/title
/head
body
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
div风信息和台风路径,可及时准确地提供台风的实时信息、预报信.../div
/body
/html
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：
$('td').click(function(){
if ($(this).css('background-color') === 'rgb(255, 0, 0)') {
$(this).css('background-color', 'white');
} else {
$(this).css('background-color', 'red');
}
});
3、浏览器运行index.html页面，点击td，背景颜色变为红色。
4、再次点击td，背景颜色变回了原先的白色。
改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。
首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色
然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');
实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.
页面上只引用一个jquery的脚本是不行的,color属于ui,在引用一个jquery-ui的脚本就可以了。解决方法如下：
1、首先新建一个HTML文档，并引入jquery。
2、定义一个p元素，并将其设置为一个长宽为100px的蓝色方块。
3、保存以上内容，并在浏览器预览效果。
4、为p元素设置animate()动画方法，使其被点击之后，在3秒之中实现宽度变大，高度变小，成为一个长方形。
5、保存以上文件，就可以在浏览器预览一个基本的jquery的animate()的颜色效果图。
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用textarea标签创建一个文本域，用于测试。
3、在test.html文件内，设置textarea标签的id为mycc。
4、在test.html文件内，创建一个按钮，给按钮绑定onclick事件，当按钮被点击时，执行editColor函数。
5、在js标签内，创建editColor函数，通过id获得textarea对象，使用css()方法设置color属性为red，即设置textarea字体颜色为红色。
6、在浏览器打开test.html文件，点击按钮，查看实现的效果。