哥的第一个Jquery程序

布满荆棘的人生 2021-12-16 14:11 206阅读 0赞

<%@ 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>

转载于:https://www.cnblogs.com/hqsblogs2012/p/Juery\_Learn.html