<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>我要学习Jquery</title>
<script src="jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function () {
//在文档中添加四个按钮
$('<input type="button" value="第1个按钮"/><input type="button" value="第2个按钮"/><input type="button" value="第3个按钮"/><input type="button" value="第4个按钮"/>').appendTo($('body'));
//分别选中四个按钮，并为它们绑定不同的事件处理函数
$('input[type="button"]').eq(0) //找到第一个按钮，并绑定click事件处理函数
.click(function () {
alert("第一个按钮的函数处理事件");
}).end().eq(1) //找到第二个按钮，并绑定click事件处理函数
.click(function () {
$('input[type="button"]:eq(0)').trigger("click");
}).end().eq(2) //找到第四个按钮， 并绑定click事件处理函数
.click(function () {
$('input[type="button"]:eq(0)').trigger("click");
}).end().eq(3) //找到四个按钮，绑定click事件处理函数
.toggle(function () {
$('.panel').hide("slow");
}, function () {
$('.panel').show("slow");
});
});
</script>
</head>
<body>
<div class="panel">
链式语法演示
</div>
</body>
</html>