jquery聚焦文本框,jquery 文本框获得焦点

发布时间:2020-07-10编辑:脚本学堂
分享二个jquery文本框焦点事件的例子,jquery聚焦文本框,jquery 文本框获得焦点的方法示例,供大家学习参考。

1、jquery聚焦文本框(文本框获取焦点)
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery聚焦文本框 - www.jb200.com</title>
<script src="/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<form action="http://www.google.com.hk" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-7740261255677392:7064996710" />
<input type="hidden" name="ie" value="UTF-8" />
<!--文本框--><input type="text" name="q" size="25" />
<input type="submit" name="sa" value="&#x641c;&#x7d22;" />
</div>
</form>
<script type="text/javascript">
    $(document).ready(function () {
$("input[name='q']").focus();
    })</script>
</body>
</html>

2、jQuery 文本框获得焦点

问题描述:
文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点!

如果没有使用jQuery的话 是不是对象.focus()就可以了,
当使用了jQuery 这样$("#nameInput") 返回的就不是DOM对象了而是jQuery对象,
这样的话$("#nameInput").focus()这个方法的意义也就变了,

并不是使这个文本框获得焦点 而是触发这个文本框所有绑定在onfocus的函数!

其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象:
 

$("#nameInput")[0].focus() 简单的加一个[0] 即可。