哥的第一个Jquery程序

浏览数：26 / 时间：2015年06月09日

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

哥的第一个Jquery程序,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

哥的第一个Jquery程序