.blur()
  当元素失去焦点的时候触发事件。
  .blur(handler(eventObject))
    handler(eventObject)
      每当事件触发时候执行的函数。
  .blur([eventData],handler(eventObject))
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每当事件触发时执行的函数。
  效果:
    $("input").blur(function(){
      $("input").css("background-color","#D6D6FF");
    }); 当输入域失去焦点 (blur) 时改变其颜色:

.change()
  当元素的值发生变化时,会触发此事件,该事件仅用于text field textarea 和 select
  .change(handler)
    handler
      每当事件触发时执行的函数。
  .change([eventData,handler])
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler
      每当事件触发时执行的一个函数。
  .change()
    这个方法不接受任何参数
  用法:
    $("textarea").change(function(){
      $(this).css("color","red");
    });

.focus()
  当元素获得焦点的时候触发的事件。
  .focus(handler(eventObject))
    handler(eventObject)
      每当事件触发时候执行的函数。
  .focus([eventData],handler(eventObject))
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每当事件触发时执行的函数。
  用法:
    $("input").focus(function(){

        $("input").css("background-color","#FFFFCC");

    });

.select()
  当触发select 事件时执行函数。
  .select(handler(eventObject))
    handler(eventObject
      每当事件触发时候执行的函数。
  .select([eventData],handler(eventObject))
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每当事件触发时执行的函数。
  效果:
    $("input").select(function(){
        $("input").after(" Text marked!");
    });

.submit()
  当提交表单时会触发此函数。
  .submit(handler(eventObject))
      handler(eventObject
        每当事件触发时候执行的函数。
  .submit([eventData],handler(eventObject))
      eventData
        一个对象,它包含的数据键值对映射将被传递给事件处理程序。
      handler(eventObject)
        每当事件触发时执行的函数。
  效果:
    $("form").submit(function(e){
      alert("Submitted");
    });

jquery 表单事件的更多相关文章

  1. jQuery表单事件

    1.focus() 获得焦点,适用于所有元素2.blur() 失去焦点,适用于所有元素3.change() 当内容改变时触发 只适用于 input textarea select4.select() ...

  2. jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)

    1.jQuery鼠标事件之click与dbclick事件   方法一:$ele.click()(不带参数)   <div id="test">点击触发<div&g ...

  3. jQuery-3.事件篇---表单事件

    jQuery表单事件之blur与focus事件 在之前2.8与2.9节我们学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件 它们之间的 ...

  4. Jquery表单序列化和AJAX全局事件

    Jquery表单序列化 1.必须放在form标签内: 2.控件必须有name属性: 3.控件的value值会提交到服务器: 如: <form id="form1"> & ...

  5. python_way day17 jQuery表单验证,事件绑定,插件,文本框架,正则表达式

    python_way day17 1.jQuery表单验证 dom事件绑定 jquery事件绑定 $.each return值的判断 jquery扩展方法 2.前段插件 3.jDango文本框架 4. ...

  6. jQuery学习- 表单事件

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

  7. 【jquery】Validform,一款不错的 jquery 表单验证插件

    关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便 ...

  8. 【jQuery基础学习】06 jQuery表单验证插件-Validation

    jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等1 ...

  9. Day050--jQuery表单事件 轮播图 插件库 ajax

    表单控件的事件 change()表单元素发生改变时触发事件 select()文本元素发生改变时触发事件 submit()表单元素发生改变时触发事件 .focus() 获取焦点 .blur() 释放焦点 ...

随机推荐

  1. EDP项目结构规范心得

    本文结合最近心得,希望对项目结构方面知识进行归纳,包括两部分 一.目录结构的说明 二.目录结构标准规范(以百度efe团队为例) 下面切入正题: 一.项目目录结构说明: 项目结构具体说明: 1.src目 ...

  2. stm32 输入捕获学习(一)

    输入捕获模式可以用来测量脉冲宽度或者测量频率.STM32 的定时器,除了 TIM6 和 TIM7,其他定时器都有输入捕获功能.STM32 的输入捕获,简单地说就是通过检测 TIMx_CHx 上的边沿信 ...

  3. HDU 5587——Array——————【规律】

    Array Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)Total Sub ...

  4. 二叉排序树思想及C语言实现

    转自: http://blog.chinaunix.net/uid-22663647-id-1771796.html 1.二叉排序树的定义 二叉排序树(Binary Sort Tree)又称二叉查找( ...

  5. Entity Framework Many to Many Relation Mapping(Entity Framework多对多关系映射)

    通常我们在做数据库设计时都会有两张表是多对多关系的时候,在数据库做多对多关系时候我们通常通过中间关联表来处理,那我们现在在EF中是如何处理的呢? 假设我们有如下关系,用户(User)包含多个角色(Ro ...

  6. Hibernate课程 初探一对多映射4-1 inverse属性

    1 <Set>节点的inverse属性默认由one方来维护(默认值为false).将inverse属性修改为true则由多方来维护.

  7. IDEA配置 tomcat server

  8. Dynamics CRM 2011通过客户端代码选择视图

    在实施的过程中我们经常会遇到这样的场景,有个系统标准的Lookup字段对应的不是一种Entity,如很多地方的客户实际上可选account或者contact,有的地方可选systemuser或者tea ...

  9. 夜色的 cocos2d-x 开发笔记 00

    第一次写博客,本人还是大二学生,纯新手,无论是文章的技术性,还是参考性,都不高,但却是根据我的经历,开发过的真实过程,对自己记载一些备忘的笔记,更希望也能帮到一些人. 本人用的win7 + vs201 ...

  10. 打开excl链接时总是出现问题

    主要现象:1.提示"发生了意外错误":2.报错"由于本机限制无法打开链接" 原因: 这个是由于默认浏览器异常造成的,就是比如你下载了新的浏览器,然后为默认浏览器 ...