首页 > web前端 > js教程 > jquery :focus选择器的使用详解

jquery :focus选择器的使用详解

黄舟
发布: 2017-06-23 10:56:41
原创
2221 人浏览过

概述

触发每一个匹配元素的focus事件。

这将触发所有绑定的focus函数,注意,某些对象不支持focus方法。

示例

描述:

当页面加载后将 id 为 'login' 的元素设置焦点:

jQuery 代码:

$("#login:focus");
登录后复制

此选择器能够匹配当前获取焦点的元素。

语法结构:

$("li:focus")
登录后复制
登录后复制

:focus选择器一般需要和其他选择器配合使用,例如和类选择器元素选择器等等。例如:

$("li:focus")
登录后复制
登录后复制

以上代码会匹配获得焦点的li元素。
当然此选择器前面不加任何其他选择器,不过不加指定的选择器,那么默认就是添加了通用选择器(*)。例如:

$(":focus")
登录后复制

以上代码和下面代码等效:

$("*:focus")
登录后复制

实例代码:






脚本之家




  • div+css专区
  • HTML专区
登录后复制

以上是jquery :focus选择器的使用详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
引入jQuery 文件
来自于 1970-01-01 08:00:00
0
0
0
jquery笔记哪里有下?
来自于 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎么引入jquery
来自于 1970-01-01 08:00:00
0
0
0
php+jquery的问题
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板