当前位置:  编程技术>jquery

jquery的focus函数用法示例

    来源: 互联网  发布时间:2014-09-03

    本文导语:  使用jquery中的focus函数,可以在点击某个按钮或提交值错误等触发事件发生时把焦点给到某个元素。 例如:   代码示例: $(selector).focus(function) function函数可以修改成当某个元素获得焦点以后需要实现的功能。 以下是w3c手册中...

使用jquery中的focus函数,可以在点击某个按钮或提交值错误等触发事件发生时把焦点给到某个元素。

例如:
 

代码示例:
$(selector).focus(function)

function函数可以修改成当某个元素获得焦点以后需要实现的功能。

以下是w3c手册中对focus函数的介绍。

jQuery 事件 - focus() 方法
jQuery 事件参考手册

实例
当输入框获得焦点时,改变它的背景色:

代码示例:
$("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
});

定义和用法
当元素获得焦点时,发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。

触发 focus 事件

语法
$(selector).focus()
将函数绑定到 focus 事件

语法
$(selector).focus(function)

参数 描述
function 可选。规定当发生 focus 事件时运行的函数。


    
 
 

您可能感兴趣的文章:

  • jQuery定时器插件 jQuery Timers应用示例
  • jquery打开dialog的简单示例
  • jQuery animate方法定位页面具体位置(示例)
  • jQuery设置input type值示例
  • jquery弹窗代码示例
  • jquery的父子兄弟节点查找示例代码
  • jquery获取第几个元素方法示例 jquery选择器
  • jquery遍历checkbox简单示例
  • jquery动态添加option示例
  • Jquery定时器的简单示例
  • JQuery获取上传文件大小(示例)
  • Jquery在指定DIV加载HTML示例代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jQuery获得内容和属性方法及示例
  • jquery根据name属性查找示例
  • jQuery find与children方法示例
  • jQuery回车键绑定点击事件示例
  • java开源软件 iis7站长之家
  • jQuery设置CSS属性(示例)
  • JS与jquery自定义属性用法
  • jQuery setTimeout()函数的用法介绍
  • jQuery :visible 选择器(冒号)的用法
  • JQuery 判断某个属性是否存在hasAttr用法
  • jquery onpropertychange键盘事件用法举例
  • jQuery setTimeout用法总结(实例)
  • Jquery confirm弹出框的用法
  • Jquery中slideToggle()与toggleClass()用法
  • Jquery 过滤器(first,last,not,even,odd)用法举例
  • jquery 字符串切割函数substring的用法说明
  • jquery判断浏览器类型($.browser用法)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery中map函数与each函数的区别实例介绍
  • jQuery.proxy向函数中传参的小例子
  • 关于jquery中全局函数each使用介绍
  • jquery浏览器判断函数代码
  • jQuery学习笔记之jQuery构建函数的7种方法
  • JQuery在页面加载完成时执行函数的示例代码
  • 从零学jquery之如何使用回调函数
  • jquery中ajax函数执行顺序问题之如何设置同步
  • jQuery 自定义函数的三种方法(示例)
  • jquery map函数的用法
  • jquery toggle()函数实例解析
  • jquery序列化表单以及回调函数的使用示例
  • jQuery的animate函数学习记录
  • Jquery中"$(document).ready(function(){ })"函数的使用详解
  • jquery中的animate函数
  • jquery animate动画函数用法浅析
  • jQuery filter函数使用方法
  • jQuery animate函数动画过渡效果简介
  • jquery刷新页面代码及js常用函数汇总
  • jquery自定义函数的多种方法
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3