.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. iscroll.js文档

    iScroll是高性能的.小尺寸的.无依赖关系的.支持多平台的滑动JavaScript库. 当然,不只是scroll,还有滚动.缩放.平移.无限滚动.视差滚动等. 为了达到更好的新能,所以iScrol ...

  2. JavaScript操作符(=?,)优先级

    JavaScript操作符优先级: 关于最后3个运算符的优先级比较,下面通过一个实例来具体说明: var a,b,c; a = 3,4,5; b = a--,--a,a; c = a ? b++ : ...

  3. JEECMS站群管理系统-- Jeecms项目导入myeclipse

    1.在myeclipse中新建一个项目jeecms,将服务器中jeecms项目下web-inf文件夹下内容拷到新建项目中 解压缩jeecms-3.0.2-final-src,在src文件夹下会看到有三 ...

  4. android selector中使用shape

    <shape> <!-- 实心 -->     <solid android:color="#ff9d77"/> <!-- 渐变 --&g ...

  5. js报错 object is not a function

    主要是js函数名重名了,重命名就可以了.

  6. 使用md5的密码加密,处理用户的密码

    需求 1.新增用户保存:使用md5的密码加密,如果用户没有填写密码,设置初始密码“123”: 2.修改用户保存:使用md5的加密加密 *如果修改了密码,需要进行md5的密码加密: *如果没有修改密码, ...

  7. VOS落地网关前缀优先级

    问题描述: 假如:A客户业务方向:酒水B客户业务方向:增值酒水业务网关前缀:9150增值业务网关前缀:660 公司原来落地全跑酒水量9150前缀,但B客户加入后公司又不想添加新的落地网关,计划在原来网 ...

  8. 来自NVIDIA开源的pix2pixHD,将Image-to-Image Translation带到了另一个境界

    Kuo Ming Lin 分享了 Learning By Hacking 的动图 最近討論最火熱的project之一,來自NVIDIA開源的pix2pixHD,將Image-to-Image Tran ...

  9. OpenGL学习 Our First OpenGL Program

    This shows you how to create the main window with the book’s application framework and how to render ...

  10. 微信小程序加载本地图片方法

    目录结构如下,只要图片按正确的方式放入小程序的开发工具的项目中,即可在wxml文件中用内联样式或者image标签都可以引用本地的图片. 步骤一:微信开发工具 打开项目 步骤二:新建个文件夹(放项目的一 ...