.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. rail 怎样在已有数据库上继续开发

    今天刷贴看到了这篇文章http://ruby-china.org/topics/16493,老大回复的很有意义,在这里备份一个 而要把现有的数据库纳入 Migration,一个简单方法: 创建一个空 ...

  2. pat1068. Find More Coins (30)

    1068. Find More Coins (30) 时间限制 150 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue Eva l ...

  3. pat1045. Favorite Color Stripe (30)

    1045. Favorite Color Stripe (30) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue ...

  4. php7.0.24-nts配置步骤

    php-cgi.exe文件运行 php-cgi.exe -b 127.0.0.1:9000 -c D:/myphp2017/php7-nts/php.ini nginx命令 启动 start ngin ...

  5. 一个WPF小项目小结

    一:缘起 老板有做PC桌面客户端的需求,做的是能耗的计算和评估,要算能耗,就有很多环节,最后对这些环节数据进行一些简单计算.我想要是做的话就用比较熟的wpf,就去聊了下,对方给了1张比较复杂的Exce ...

  6. Jvm方法区以及static的内存分配图

    前面的几篇都没有太明确地指出 方法区 是什么?现在通过一些资料的收集和学习,下面做一些总结 什么是方法区: 方法区是系统分配的一个内存逻辑区域,是JVM在装载类文件时,用于存储类型信息的(类的描述信息 ...

  7. DataColumn.Expression提示“...循环引用”的错误

    我碰到这个问题的时候,在网上找了找,找到了有好几个提出这个问题的人,但是都没有得到解答,当时很郁闷.然后再看看msdn中的解释与自己的测试,才把这个问题给解决了. 代码如下: person.Colum ...

  8. 对MVVM思想的在认识

    如果说MVP是对MVC的进一步改进,那么MVVM则是思想的完全变革.它是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model ...

  9. [iuud8]如何在mac下配置cocos2dx环境

    安装后xcode之后,下载cocos2dx压缩包,解压 通过中断cd到cocos2dx目录内 输入下行命令 sudo ./install-templates-xcode.sh 运行成功后打开xcode ...

  10. shell脚本学习(3)文件判断

    shell常用的文件判断运算符如下: -e 文件是否存在 -f  文件是否是普通文件(不是目录.设备文件.链接文件) -s  表示文件大小不为0 -d 表示文件是否是目录 -b 表示是块设备(光驱.软 ...