jQuery :focus Selector
Contoh
Memilih elemen yang sedang terfokus.
$(":focus")
Defenisi dan Penfgunaan
Selektor :focus adalah untuk memilih elemen yang sedang mengalami fokus.
Tip: Selektor ini umumnya digunakan dengan menyertai nama tag atau juga digunakan bersama-sama dengan selektor lain, jika tidak, maka ia akan dianggap sama seperti ("*:focus").
Rumus
$(":focus")
Contoh Penggunaan
$("input:focus").css("background-color", "green");
Mewarnai latar belakang dari elemen <input> yang sedang terfokus, menjadi warna hijau.
x
1
<html>2
<head>3
<script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script>4
</head>5
<body>6
<label>Nama</label><input type="text">7
<br>8
<label>Alamat</label><input type="number">9
<script>10
$(document).ready(function(){11
$("input:eq(0)").focus();12
$(":focus").css("background-color","green");13
});14
</script>15
</body>16
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
