php动态网站更换图片,Jquery实现动态切换图片的方法

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

#tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;margin:auto;}

#tbl td{border-collapse:collapse;border-bottom:1px solid red;border-right:1px solid red;}

#main{margin:0px auto;border:1px solid yellow;}

var $imgs;

var $tds;

$(function () {

$tds = $("#tbl td");

$tds.click(function () {

//说明:

//$("img", $(this))表示当前td下的img元素

//$("img", $(this).siblings("td")) 表示当前td的所有兄弟元素(并且要求是td)下的img元素

$("img", $(this)).attr("src", "../images/select.JPG");

$("img", $(this).siblings("td")).attr("src", "../images/noselect.JPG");

});

}

);