jQuery :focus选择器

:focus选择器语法

$(':focus')

:focus选择器语法解析

jQuery中的:focus选择器的主要作用是匹配选择当前具有焦点的HTML元素,比如按钮被点击时,具体可参考下方的实例代码。

:focus选择器实例代码

如下实例,就设计了一个按钮,当按钮被点击时,按钮就获取到了焦点,并被:focus选择器匹配选择,并设置宽度为100%。

<button id="test" class="btn">确定</button>

<script>
  $('#test').click(function(){
    $(':focus').css("width","100%");
  })
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.