删除/添加 /隐藏/显示-Jquery
1.$(function(){
$("#data tbody tr:odd").css("background-color","antiquewhite");
$("#data tbody tr:even").css("background-color","cornflowerblue");
$("#add").click(function(){var a = "<tr><td>Allen</td><td>$3700</td><td>2011-12-05</td><td><a href='#'>删除</a></td></tr>";
//<tr><td>Allen</td><td>$3700</td><td>2011-12-05</td><td><a href='#'>删除</a></td></tr>
$("#data tbody").append(a);
$("#data tbody tr:even").css("background-color","cornflowerblue");
$("#data tbody tr:odd").css("background-color","antiquewhite");
$("#data tbody td a").click(removetr);
});
$("#data tbody td a").click(removetr);
function removetr(){
var b =$(this).parent().parent();b.remove();
$("#data tbody tr:even").css("background-color","cornflowerblue");
$("#data tbody tr:odd").css("background-color","antiquewhite");
};
});
//">"只找到该元素下一个群子元素,空格找到该标签下所有元素;
2. $(function(){
$("span").click(function(){
if($(this).hasClass("open")){
$(this).attr("class","closed");//attr()一个值获得属性,两个设置
$(this).next().attr("class","hide");
}
else{
$(this).attr("class","open");
$(this).next().attr("class","show")
}
});
});