JS 的一个小问题

Question

$(".roomInput").click(function(){
if(null != $(this).val() && $(this).val() != "")
{
$(this).attr("class", "roomInput");
$(this).val("");
$("#server_room_name_hidden").val("");
$("#server_room_id").val("");
return;
}
}）；
求详细的说说这段JS的意思

Answer 1

http://www.w3school.com.cn/jquery/index.asp$(".roomInput").click(function(){ //页面上一个类名为roomInput的dom元素单击时
if(null != $(this).val() && $(this).val() != "") //如果这个元素的值不为空
{
$(this).attr("class", "roomInput"); //则这个元素的类设为roomInput
$(this).val(""); //清空值
$("#server_room_name_hidden").val(""); //清空ID为server_room_name_hidden的元素的值
$("#server_room_id").val(""); //清空ID为server_room_id的元素的值
return;
}
}）；

Answer 2

给样式为.roomInput的元素绑定单击事件，如果事件响应了，先判断当前元素的值value是否有值，如果有的话就
将样式新增（或修改）为'roomInput'并清空当前值，以及id为'server_room_name_hidden'、‘server_room_id’的值。

Answer 3

点击类名为roominput的文本输入框如果它的值不为空就执行以下操作：
它的类名为roominput;
值为空；
id为
server_room_name_hidden和id为server_room_id的值为空；