jquery实例.doc

想做个jquery实际例子的集锦。
后台采用php。但其实用其它后台语言也都是一样的。
1、ajax应用----post提交表单
(1)前台页面
<scripttype="text/javascript"src="/include/jquery/jquery-1.1.3.1.pack.js"></script>
<formname="form1"id="form1"action="ajax.php?action=1"method="post">
<inputtype="hidden"id="comid"name="comid"value="111">
<inputtype="hidden"id="jobid"name="jobid"value="222">
<inputtype="hidden"id="userid"name="userid"value="333">
<inputtype="submit"/></form>
<scriptlanguage="javascript">
$("#form1").submit
(
function()
...{
login();
returnfalse;
}
);
functionlogin()
...{
varcomid=$("#comid").val();
varjobid=$("#jobid").val();
varuserid=$("#userid").val();
$.ajax(...{
type:"POST",
url:"../include/ajax.php",
data:"action=1"+"&comid="+comid+"&jobid="+jobid+"&userid="+userid,
beforeSend:function()...{
},
success:function(msg)...{
if(msg=="success")...{
alert("求职信息，已经提交!请等候通知！")
}else...{
alert("信息已发送，请不要重复提交！");
}
}
});
}
</script>(2)后台页面ajax.php
<?
header("Cache-Control:no-cache");
require_once("function.php");
switch($_POST["action"]){
case1:
$comid=verify_id($_POST["comid"]);
$jobid=verify_id($_POST["jobid"]);
$userid=verify_id($_POST["userid"]);
$appdate=time();
$hasapp=getValue("select*fromcsj_appjobwherejobid=$jobidanduserid=$useridandcomid=$comid","id");
if($hasapp==""){
$sql="insertintocsj_appjob(comid,jobid,userid,appdate)values($comid,$jobid,$userid,$appdate)";
query($sql);
echo"success";
}else{
echo"wrong";
}
break;
default:
break;

}
?>
2、动态表格、动态表单

<script>varjobline=1;</script>
<inputtype="hidden"name="jobline"id="jobline"value="1">
<tablewidth="462"border="0"cellspacing="3"cellpadding="0">
<tr>
<tdwidth="88"class="td1">开始日期</td>
<tdwidth="88"class="td1">结束日期</td>
<tdwidth="117"class="td1">单位名称</td>
<tdwidth="115"class="td1">岗位名称</td>
</tr>
<tbodyid="job">
<trid="jobline1">
<td><inputtype="hidden"name="jid1"><inputtype="text"name="brq1"></td>
<td><inputtype="text"name="erq1"></td>
<td><inputtype="text"name="school1"></td>
<td><inputtype="text"name="spe1"></td>
</tr>
</tbody>
</table>
<imgsrc="/images