前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery 表单事件

jquery 表单事件

作者头像
用户1197315
发布2018-01-19 15:11:47
1.5K0
发布2018-01-19 15:11:47
举报
文章被收录于专栏:柠檬先生

.blur()   

代码语言:js
复制
当元素失去焦点的时候触发事件。
 	  .blur(handler(eventObject))
 		    handler(eventObject)
 			      每当事件触发时候执行的函数。
 	  .blur([eventData],handler(eventObject))
 		    eventData
 			      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		    handler(eventObject)
 			      每当事件触发时执行的函数。

效果:     

代码语言:js
复制
$("input").blur(function(){
  			      $("input").css("background-color","#D6D6FF");
		    }); 当输入域失去焦点 (blur) 时改变其颜色:

.change()

代码语言:js
复制

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

用法:

代码语言:js
复制

		     $("textarea").change(function(){
                		      $(this).css("color","red");
            		    });

.focus()

代码语言:js
复制

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

用法:     

代码语言:js
复制
$("input").focus(function(){
  			        $("input").css("background-color","#FFFFCC");
		    });

.select()

代码语言:js
复制

	  当触发select 事件时执行函数。
	  .select(handler(eventObject))
 		    handler(eventObject
 			      每当事件触发时候执行的函数。
 	  .select([eventData],handler(eventObject))
 		    eventData
 			      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		    handler(eventObject)
 			      每当事件触发时执行的函数。
 	  

效果:

代码语言:js
复制

 		    $("input").select(function(){
  			        $("input").after(" Text marked!");
		    });

.submit()

代码语言:js
复制

	  当提交表单时会触发此函数。
	  .submit(handler(eventObject))
 		      handler(eventObject
 			        每当事件触发时候执行的函数。
 	  .submit([eventData],handler(eventObject))
 		      eventData
 			        一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		      handler(eventObject)
 			        每当事件触发时执行的函数。
 	  

效果:     

代码语言:js
复制
$("form").submit(function(e){
  			      alert("Submitted");
		    });
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-11-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档