<%@ 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程序的更多相关文章

  1. 第一个jquery程序

    <html> <head></head> <script type="text/javascript" src="jquery- ...

  2. 一个Java程序猿眼中的前后端分离以及Vue.js入门

    松哥的书里边,其实有涉及到 Vue,但是并没有详细说过,原因很简单,Vue 的资料都是中文的,把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了,个人感觉这个是最好的 Vue.js 学习资料 ...

  3. 跟哥一起学python（2）- 运行第一个python程序&环境搭建

    本节的任务,是完成我们的第一个python程序,并搭建好学习python的环境.  建议通过视频来学习本节内容: 查看本节视频 再次看看上一节提到的那张图,看看作为高级编程语言,我们如何编程. 首先, ...

  4. 做为一个Java程序员，你需要哪些傍身的技能？

    最近总有些断断续续的思考,想想从我入行以来,我到底学会了什么,做成过什么,以后要做什么,如何提升自己······· 工作3年了,常听人说3年,5年,10年是程序员的坎,每过一个都会有新的想法,新的改变 ...

  5. 一个JAVA程序员成长之路分享

    我搞JAVA也有些日子了, 因为我比较贪玩,上进心不那么强, 总是逼不得已为了高薪跳槽才去学习, 所以也没混成什么大牛, 但好在现在也已经成家立业, 小日子过的还算滋润, 起码顶得住一月近万元的吃喝拉 ...

  6. 一个.Net程序员：既然选择了编程，只管风雨兼程（转）

    一个.Net程序员:既然选择了编程,只管风雨兼程 一次会议记录是不会有人感兴趣的,做标题党也是不道德的.所以,走了个折衷的路线,标题不叫会议记录, 内容不纯总结,技术加吐槽,经验加总结. 对于一个程序 ...

  7. 【2014】【辛星】【php】【秋季】【2】第一个php程序

    <span style="font-family:KaiTi_GB2312;font-size:18px;">*******************设置server** ...

  8. SpringMVC基础入门，创建一个HelloWorld程序

    ref:http://www.admin10000.com/document/6436.html 一.SpringMVC基础入门,创建一个HelloWorld程序 1.首先,导入SpringMVC需要 ...

  9. 你真的需要一个jQuery插件吗

    jQuery的插件提供了一个很好的方法,节省了时间和简化了开发,避免程序员从头开始编写每个组件.但是,插件也将一个不稳定因素引入代码中.一个好的插件节省了无数的开发时间,一个质量不好的插件会导致修复错 ...

随机推荐

  1. Spring 配置自动扫描spring bean配置

    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w ...

  2. DOM this, currentTarget, Target

    http://www.w3cmm.com/javascript/this-currenttarget-target.html about mvc this one is not recommend:  ...

  3. ios开发学习--歌词处理--解析lrc文件

    我觉得要想解析lrc 首先大家应该了解一下lrc文件的结构,大家可以去看一下**百科 我这里粗略的写一下: ■ 时间标签(Time-tag) 形式为"[mm:ss]"(分钟数:秒数 ...

  4. ibatis动态语句加and 和不加and

    <select id="queryGoodsGroupCodeName" parameterClass="String" resultClass=&quo ...

  5. 使用spring-amqp结合使用rabbitmq

    maven 依赖包配置如下: <dependencies> <dependency> <groupId>org.springframework.amqp</g ...

  6. Codeforces Round #316 (Div. 2)

    A. Elections time limit per test 1 second memory limit per test 256 megabytes input standard input o ...

  7. winform登录时，在密码框按下回车，直接登陆

    //按回车,焦点跳到密码文本框 private void txtUserName_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyCha ...

  8. Majority Element II——LeetCode

    Given an integer array of size n, find all elements that appear more than ⌊ n/3 ⌋ times. The algorit ...

  9. maven profile实现多环境打包

    快速解决: 项目目录 1.pom文件中添加profile <profiles> <profile> <!-- 本地开发环境 --> <id>dev< ...

  10. iOS 关于枚举的使用

    枚举值 它是一个整形(int)  并且,它不参与内存的占用和释放,枚举定义变量即可直接使用,不用初始化. 在代码中使用枚举的目的只有一个,那就是增加代码的可读性. 使用: 枚举的定义如下: typed ...