jQuery :focus Selector - Chọn phần tử đang được focus

views

A+A-

PrintEmail

Sử dụng bộ chọn jQuery :focus Selector để chọn ra phần tử đang được trỏ đến như textbox, textarea, các combobox, option select, check box...

Cú pháp, Khái niệm và cách sử dụng jQuery :focus Selector

Syntax

Bộ chọn jQuery :focus Selector có cú pháp

$(":focus")

Nếu chọn kết hợp với bộ chọn khác. Các bạn sẽ sử dụng cú pháp

$("selector :focus")

Trong đó selector là bộ chọn khác, và phải có khoảng trắng trước :focus, các bạn không nên viết dính liền thành selector:focus, như vậy jQuery sẽ không hiểu nhé.

Bộ chọn :focus dùng để chọn phần tử đang được focus như các input textbox textarea select

Ví dụ jQuery :focus Selector

Ví dụ

Chọn textbox đang được focus

$(":focus")

Thử code »

Hoặc có thể bạn xem ví dụ ở đây.
Ví dụ: Bạn có HTML như sau:

<div id="example">
<input type="text" />
</div>

Bấm button sau chọn phần tử input textbox để focus và sau đó set background thành màu đỏ

Và đây là code jQuery bạn phải viết:

<script>
$(document).ready(function(){  
  $("#btn1").click(function(){
    $("#example input").focus();
    $("#example :focus").css("background-color", "yellow");
  });
});
</script>

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors