Question

jquery鼠标点击改变样式，点一次改变当前的样式，在点击一次又恢复到以前的样式。 下面的用js代码写的。

<script language="javascript">
function chgB(obj)
{
if(document.getElementById(obj).className=="img"){
document.getElementById(obj).className="chgimg"
}else{
document.getElementById(obj).className="img";
}

}
</script>
想请教那位高人能否改成jquery的写法。

Answer 1

$(document).ready(function(){$("#你的ID").click(function(){
if ($(this).attr("class")=="img"{
$(this).attr("class","chgimg");
else
$(this).attr("class","img");
});
});

Answer 2

$(document).ready(function(){$("#你的ID").click(function(){
if ($(this).attr("class")=="img"{
$(this).attr("class","chgimg");
else
$(this).attr("class","img");
});
});

Answer 3

<script type="text/javascript">
$(document).ready(function(){
jQuery("#leftkydown").toggle(function(){
jQuery(".conten_left_down").slideUp(600);
}, function () {
jQuery(".conten_left_down").slideDown(600);
}
)
})
</script>
这个是点击第一次 隐藏 第二次显示

Answer 4

objid.click(function(){
if($(this).attr("class")=="img"){
$(this).attr("class","chgimg");
}else{
$(this).attr("class","img");
}
});

Answer 5

二楼的正解