jquery方法

jQuery 介绍: jQuery 方法; jQuery CDN

jQuery 动画方法: jquery hide()方法; jquery show()方法; jquery toggle()方法; jQuery fadeIn()方法; jQuery fadeOut()方法; jQuery fadeToggle() 方法; jQuery fadeTo() 方法; jQuery slideDown() 方法; jquery slideUp() 方法; jQuery slideToggle() 方法; jQuery animate() 方法; jQuery delay() 方法

jQuery html css方法: jQuery html()方法; jQuery text() 方法; jQuery text() 方法和 jQuery html() 方法的区别; jQuery val() 方法; jQuery css() 方法; jQuery before() 方法; jQuery prepend() 方法; jQuery after() 方法; jQuery insertAfter() 方法; jQuery append() 方法; jQuery appendTo() 方法; jQuery clone() 方法; jQuery remove() 方法; jQuery empty() 方法; jQuery detach() 方法; jQuery scrollTop() 方法; jQuery attr() 方法; jQuery prop() 方法; jQuery offset() 方法; jQuery position() 方法; jQuery addClass() 方法; jQuery hasClass() 方法; jQuery toggleCLass() 方法; jQuery width() 方法; jQuery height() 方法; jQuery innerWidth() 方法; jQuery innerHeight() 方法; jQuery outerWidth() 方法; jQuery outerHeight() 方法; jQuery wrap() 方法; jQuery wrapInner() 方法; jQuery wrapAll() 方法; jQuery unwrap() 方法

jQuery 表单方法: jQuery serialize() 方法; jQuery serializedArray() 方法

jQuery 遍历方法: jQuery add() 方法; jQuery children() 方法; jQuery closest() 方法; jQuery contents() 方法; jQuery each() 方法; jQuery eq() 方法; jQuery filter() 方法; jQuery find() 方法; jQuery first() 方法; jQuery last() 方法; jQuery has() 方法; jQuery is() 方法; jQuery nextAll() 方法; jQuery nextUntil() 方法; jQuery not() 方法; jQuery offsetParent() 方法; jQuery parent() 方法; jQuery parents() 方法; jQuery parentsUntil() 方法; jQuery prev() 方法; jQuery prevAll() 方法; jQuery siblings() 方法; jQuery slice() 方法

jQuery ajax 方法

下一个 → ← 上一个

jQuery focus() 方法

jQuery focus()事件指的是鼠标点击输入框等元素时触发的事件，例如<input>、<select> 等表单元素以及链接 <a href>元素。

focus方法经常和blur()方法一起使用。

语法

复制代码复制代码$(selector).focus(function)

参数

参数	说明
function	是可选参数。用于指定元素获得焦点时运行的函数。

例子

看一个简单的forcus事件的例子

复制代码复制代码<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>jQuery focus() 事件例子</title>
  <style>
  span {
    display: none;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 <p>名字：<input type="text"> <span>Focus 开始.. 写下你的名字。</span></p>
<p>密码：<input type="password"> <span>Focus 开始.. 输入您的密码。</span></p>
 <script>
$( "input" ).focus(function () {
  $( this ).next( "span" ).css( "display", "inline" ).fadeOut( 2000 );
});
</script>
 </body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

效果

jQuery focus() 事件