例子，可以根据实际需要进行修改：
[code="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
无标题文档
// 模拟待查询的用户名
var userNames = ["小明", "小光", "小红", "李彬", "李银"];
/**
* 页面加载完毕后执行操作
*/
$(function() {
/**
* 为查询按添加单击事件
*/
$("#queryBut").click(function() {
// 从第二行开始删除
$("#contentTable tr:gt(0)").remove();
// 获取查询值
var queryValue = $.trim($("#queryText").val());
// 循环所有用户名, 模糊查询出符合条件的用户名, 添加考勤记录
for (var i in userNames) {
// 模糊查询出名字
if (queryValue && userNames[i].indexOf(queryValue) != -1) {
var tr = "<tr>"
tr += "<td>" + userNames[i] + "</td>";
tr += "<td><input type='text' /></td>";
tr += "<td><input type='text' /></td>";
tr += "<td><input type='text' /></td>";
tr += "<td><input type='text' /></td>";
tr += "<td><input type='text' /></td>";
$("#contentTable").append(tr);
}
}
});
});
[/code]
