jquery 怎么样实现，点击一个表格(table)的 td时改变其背景颜色

需要准备的材料分别有：电脑、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，背景颜色变回了原先的白色。

页面上只引用一个jquery的脚本是不行的,color属于ui,在引用一个jquery-ui的脚本就可以了。解决方法如下：

1、首先新建一个HTML文档，并引入jquery。

2、定义一个<p>元素，并将其设置为一个长宽为100px的蓝色方块。

3、保存以上内容，并在浏览器预览效果。

4、为<p>元素设置animate()动画方法，使其被点击之后，在3秒之中实现宽度变大，高度变小，成为一个长方形。

5、保存以上文件，就可以在浏览器预览一个基本的jquery的animate()的颜色效果图。

jquery改变CSS背景图修改方法

如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"})

Jquery-CSS用法

css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释：当用于返回一个值时，不支持简写的 CSS 属性（比如 "background" 和 "border"）。

参考资料：JQuery

---