Question

jquery框架

$(document).ready(function(){
$(".column").click(function(){$(".list").hide("slow");$(".content").hide("slow");$(".list").slideDown("slow");$(".list").children("a").text($(this).attr("title"));});
$(".item").click(function(){$(".content").show("slow");$(".content").children("#labdetaile").text($(this).find(".subitem").text());});
$(".close").click(function(){$("."+$(this).parent("div").attr("class")+"").slideUp("slow");});
});
解释下这段代码的意思

Answer 1

$(document).ready(function(){//初始化
$(".column").click(function(){//class为conlumn的组件添加点击事件
$(".list").hide("slow");//点击后class为list的组件隐藏，参数slow
$(".content").hide("slow");//点击后class为content的组件隐藏，参数slow
$(".list").slideDown("slow");//点击后class为list的组件动态浮动，参数slow
$(".list").children("a").text($(this).attr("title"));//点击后class为list下子标签a文本设置值为这个a标签的title属性的值
});
$(".item").click(function(){//class为item的组件添加点击事件
$(".content").show("slow");//点击后class为content的组件显示，参数slow
$(".content").children("#labdetaile").text($(this).find(".subitem").text());//点击后class为content的组件的id为labdetaile的子节点设置文本值为当前下的class为subitem的文本值
});
$(".close").click(function(){//class为close的组件添加点击事件
$("." + $(this).parent("div").attr("class") + "").slideUp("slow");//找到class为当前父级的div的class属性的组件增加浮动，参数slow
});
});
详细的需要看JQuery api 最新到1.4

Answer 2

$(document).ready = 在页面载入完成后调用.. = body标签(DOM对应document)上的onload事件

$(".column").click是对所有class="column"的标签对象设置click事件

jquery遵循xpath来搜索节点对象, 和CSS一样, .表示class, #表示id 返回的是jquery对象

hide表示隐藏, 相当 style.display="none"

slideDown是一个slide特效.. 其实是 setTimeout做height--操作, slow是设置默认时间间隔长.. 多少毫秒要看API

children是取子节点, 参数a表示取标签为A的子节点
text相当于IE的特有属性innerText
attr表示对属性的设置或读取, 一个参数对应getAttribute,两个参数对应setAttribute

详细可查JQUERY API