1.Jquery事件1：one

　　1)one() 方法是为所选的元素绑定一个仅出发一次的处理函数，调用格式

　　　　one(type,[data],fn)

　　2)其中参数type是事件类型，即需要触发什么类型的事件，参数data为可选参数，表示作为event.data属性值传递给事件对象的额外数据对象，fn表示为绑定事件所要触发的函数。

　　3)举例说明：设置按钮，初始化值是"点击查看联系方式"，将单击时将联系方式显示在按钮上，再次点击没有反应，代码如下：

.btn {

    border: # 1px solid;

    padding: 2px;

    width: 200px;

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=, StartColorStr=#ffffff, EndColorStr=#ece9d8);

}

<script type="text/javascript">

    $(function() {

        function btn_Click() {

            this.value = "kencery:18643071392";

        }

        $("input").one("click", btn_Click);

    });

</script>

<body>

    <input type="button" id="Button4" value="点击查看联系方式" class="btn" />

</body>

2.Jquery事件2—triggr

　　1)在前端页面开发中，有时候希望页面在Dom加载完毕后，自动执行一些很人性化的操作，文本框的内容处于全部被选中状态，某个按钮处于某个焦点中

　　2) trigger() 方法的功能是在所选择的元素上触发指定类型的事件，调用格式:

　　　　trigger(type,[data]);

　　3)其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时，传递给函数的附加参数。

3.Jquery事件3-on

　　1)调用格式：.on(events[,selector][,data],handler(eventObject))

　　　　注释:events:事件名，selector:一个选择器字符串，用于过滤出被选中的元素中能触发事件的后代元素，data:当一个事件被触发时,要传递给事件处理函数的，handler:事件被触发时,执行的函数。

　　

　　　　

Jquery学习—jquery的事件的更多相关文章

  1. JQuery学习---JQuery基础知识

    JQuery介绍: [官网]http://jquery.com [参考API]http://jquery.cuishifeng.cn/ JQuery的低版本支持IE低版本,JQuery的2版本不太支持 ...

  2. jQuery学习笔记（事件）

    1. 加载DOM jQuery用$(document).ready()方法来代替传统JavaScrpt的window.onload方法.但它们执行时机有所不同,window.onload在网页所有元素 ...

  3. jQuery学习- 表单事件

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. jQuery学习笔记(5)-事件与事件对象

    一.前言 主要讲解事件的绑定与触发 二.jQuery中添加事件 1.使用bind()方法绑定事件 <input id="btn" type="button" ...

  5. JQuery学习---JQuery深入学习

    属性操作 $("p").text()    $("p").html()   $(":checkbox").val() $(".te ...

  6. 很不错的jQuery学习资料和实例

    这些都是学习Jquery很不错的资料,整理了一下,分享给大家. 希望能对大家的学习有帮助. 帕兰 Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关 ...

  7. 从零开始学习jQuery (五) 事件与事件对象

    本系列文章导航 从零开始学习jQuery (五) 事件与事件对象 一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解 ...

  8. 学习jQuery的on事件

    开发asp.net mvc程序,多少是离不开jQuery客户程序.今天Insus.NET学习jQuery的一个on事件驱动. 先在网页视图放一个图片铵钮,用户可以使用mouse对这图片时行over,o ...

  9. jQuery学习-事件之绑定事件（四）

    今天我们来学习jQuery.Event对象.jQuery为了添加自己的处理机制,及可以传递用户自定义数据,于是Event对象就出世了.   1 jQuery.Event = function( src ...

随机推荐

  1. Ranorex 5 发布，支持SAP、Oracle Forms、MS Dynamics等

    Ranorex 5 发布,支持SAP.Oracle Forms.MS Dynamics等 http://blog.csdn.net/testing_is_believing/article/detai ...

  2. Python strange questions list

    sys.setrecursionlimit(1<<64) Line 3: OverflowError: Python int too large to convert to C long ...

  3. 使用windbg分析iis崩溃的一个实例

    问题背景说明:客户的生产环境不定时发生崩溃,需要定位崩溃的原因.在开发环境不能重现该问题,准备抓取IIS的dump文件分析 第一步:在客户的生产环境抓取dump文件 参考:IIS崩溃时自动抓取Dump ...

  4. 【.Net底层剖析】2.stfld指令-给对象的字段赋值

    .Net底层剖析目录章节 1.[深入浅出.Net IL]1.一个For循环引发的IL 2.[.Net底层剖析]2.stfld指令-给对象的字段赋值 3.[.Net底层剖析]3.用IL来理解属性 引言: ...

  5. ionic 实现自动升级APP

    最近做移动商城开发,需要一个自动升级APP的功能,在网上搜罗很多,发现有的是下载APK,有的在我这服务无法实现,由于时间原因,都被PASS了,最后找到了一个热更新插件,经过半天的调试,可以使用,很欣喜 ...

  6. 使用Service.Stack客户端编写redis pub sub的方法

    pub相对简单 client.PublishMessage("channel", "msg");   sub有2种方法 方法1 var subscription ...

  7. Appium移动自动化测试（三）--安装Android模拟器

    当Android SDK安装完成之后,并不意味着已经装好了安装模拟器.Android系统有多个版本,所以我们需要选择一个版本进行安装. 第三节  安装Android 模拟器 我这里以Android 4 ...

  8. 分享一套精美的现代 UI PSD 工具包【免费下载】

    艾库特·耶尔马兹,是土耳其伊斯坦布尔的一位高级艺术总监,他向大家分享了一套美丽的现代 UI 工具包,你可以免费下载.所以,你可以使用这个优秀的素材设计视觉互动和有吸引力的用户界面. 此 UI 套件提供 ...

  9. jquery判断radioButton是否被选中

    so easy HTML: <input type='radio' style='width:20px' id='other' name='projectType' value='其他' /&g ...

  10. JS魔法堂：doctype我们应该了解的基础知识

    一.前言 什么是doctype?其实我们一直使用,却很少停下来看清楚它到底是什么,对网页有什么作用.本篇将和大家一起探讨那个默默无闻的doctype吧! 二.什么是doctype doctype或DT ...