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 怎么样实现,点击一个表格(table)的 td时改变其背景颜色
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)....

使用JQUERY 查询表格中相应内容,并改变内容所在的单元格背景色!急...
('td:contains("'+$('#query_input').val()+'")').each(function(){ \/\/1、查询内容和td完全相同才改变td颜色 \/\/if($(this).text() == $('#query_input').val()){ \/\/$(this).css({'background-color':'red'});\/\/} \/\/2、改变所有满足条件的td背景色 (this).css({'backgr...

jquery 实现table的单元格里有内容时显示红色,没内容的显示黑色
<td>6<\/td> <td>7<\/td> <\/tr> <\/table> <\/body>

求用JS或jquery实现点击表格同步变色
.tab2{border-collapse: collapse;border:none;width:200px;}.tab1 td,.tab2 td{border:1px solid #000;text-align: center;}.tab1 td{cursor: pointer;}.tab2{margin-left:40px;}.bg1{ background: red;}

jquery怎么操作table 一列文字同另一列文字比较然后根据大小不同改变颜...
('table tr').each(function(){ if( $(this).find("td").eq(0) ==$(this).find("td").eq(1)){ }else{ \/\/不想等,进行变色 (this).find("td").eq(1).css("background","green")} })经过这样的判断,就可以对表格进行操作。主要有两个知识点。一个是你要回jquery选择器,...

...那一行就换一个背景色。用 jquery \/ js 怎么做?
IE历史版本对于hover这个CSS伪类的解析只能识别在a:href标签上面,其它的一概不认识。jQuery做过兼容了,直接jQuery("tr").hover(function(){jQuery(this).css({'background':'#ccc'});},function(){jQuery(this).css({'background':'none'});});hover中两个function参数分别对应: mouseover和...

各位大神,请问如何用jquery或js实现:选中tr 并改变背景色?
先在样式表中写好点击的效果,然后在通过JS来添加删除这个样式就可以了,具体看下面这个例子 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Document<\/title> <script type="text\/javascript" src="..\/jquery-1.9.1.min.js"><\/script> <script type="text\/javascript"> (function(...

用Jquery制作一个4*4的表格点击每列的时候需要给下一列填充颜色点击最后...
jq:(function(){ $(".tb tr td").click(function(){ \/\/alert($(this).index()) var index = $(this).index(); $(".tb tr").each(function(){ $(this).children().eq(index).removeClass("tdbg"); if(index != 3){ $(this).children().eq(index +...

...使该单元格改变颜色?如何用javasript实现,或者css直接实现。_百度知 ...
<table><tr><td> <a href="#" onclick="changeColor(this)"> 变色1<\/a> <\/td><td> <a href="#" onclick="changeColor(this)"> 变色2<\/a> <\/td><td> <a href="#" onclick="changeColor(this)"> 变色3<\/a> <\/td><\/tr><\/table>function changeColor(p){ var td_ob...

使用jquery 点击一div标签 更换背景图片
("div#button1").click(function (){ $("#home").css("background-image", "url(images\/abc.jpg)");});

相似回答
大家正在搜