JQuery 中几个小点

JQuery 中的链式操作 JS代码

$(". level > a").click(funcation(){

$ (this).addClass("current") .................................给当前元素添加"current"样式    

       .next().show()                       ..................................下一个元素显示

       .parent().siblings().children("a").removeClass("current")...........父元素的同辈元素的子元素<a>移除"current"样式

       .next().hide();                       ....................................它们的下一个元素隐藏

return false

})

1.对于同一个对象不超过3个操作的,可缩写成一行代码

$("li").show().unbind("click")

2. 对于同一个对象的较多操作,建议每行写一个操作

$(this).removeClass("mouseout").addClass("mouseout").stop().fadeTo("fast",0.6).fadeTo("fast",1).unbind("click").click(function(){       .........do  something....      })

3.对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可以考虑适当的缩进.

$(this).addClass("highlight").children("li").show().end().siblings().removeClass("highlight").children("li").hide();

******  $("#table>tbody>tr:has(td:has(:checkbox:enabled))").css("background","red");

说明:上面****代码的作用是:在一个id为table的表格的tbody元素中,如果每行的一列中的checkbox没有被禁用,则把这一行的背景色设为红色