哥的第一个Jquery程序

<%@ 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程序,布布扣,bubuko.com

哥的第一个Jquery程序

上一篇:shell脚本应用练习(3)


下一篇:shell脚本应用练习(4)