masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jquery :focus选择器的使用详解

jquery :focus选择器的使用详解

黄舟
Lepaskan： 2017-06-23 10:56:41
asal
2261 orang telah melayarinya

概述

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

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

示例

描述:

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

jQuery 代码:

$("#login:focus");
Salin selepas log masuk

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

语法结构:

$("li:focus")
Salin selepas log masuk
Salin selepas log masuk

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

$("li:focus")
Salin selepas log masuk
Salin selepas log masuk

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

$(":focus")
Salin selepas log masuk

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

$("*:focus")
Salin selepas log masuk

实例代码:






脚本之家







    
  
  • div+css专区
    • 
  
  • HTML专区
    •
Salin selepas log masuk

Atas ialah kandungan terperinci jquery :focus选择器的使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
focus jquery guna Penjelasan terperinci pemilih
Artikel sebelumnya：jquery中关于stop()和:is(:animated)的使用区别详解 Artikel seterusnya： JQuery :contains(text)选择器使用案例
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
javascript - Menggunakan jquery dalam vue gagal Ia boleh digunakan apabila jquery diperkenalkan, tetapi pemalam yang memperkenalkan jquery tidak ditakrifkan? ?
daripada 1970-01-01 08:00:00
0
0
0
Import fail jQuery
daripada 1970-01-01 08:00:00
0
0
0
javascript - Bagaimanakah saya boleh mengimport beberapa kaedah jquery?
daripada 1970-01-01 08:00:00
0
0
0
thinkphp3.2.3+jquery masalah tersembunyi
daripada 1970-01-01 08:00:00
0
0
0
Bagaimanakah Angular.js dan JQuery berfungsi bersama?
daripada 1970-01-01 08:00:00
0
0
0
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan