首頁 > web前端 > js教程 > jquery :focus選擇器的使用詳解

jquery :focus選擇器的使用詳解

黄舟
發布: 2017-06-23 10:56:41
原創
2195 人瀏覽過

概述

觸發每一個符合元素的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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板