•
jQuery: Kiểm tra phần tử bị ẩn hay không
Làm sao để có thể kiểm tra phần tử đang ẩn hay không sau khi gọi hàm jQuery.toggle()
?
Làm sao để có thể kiểm tra phần tử đang ẩn hay không sau khi gọi hàm jQuery.toggle()
?
jQuery cung cấp phương thức css()
để lấy về giá trị của một thuộc tính CSS của phần tử. Do vậy để kiểm tra xem phần tử bị ấn hay không thi bạn có thể sử dụng đoạn mã sau:
if ( $myElement.css('display') == 'none' ){
// phần tử bị ẩn
}
Chúng ta có thể sử dụng bộ chọn
:hidden
của jQuery để kiểm tra phần tử đang bị ẩn hay không:Hoặc tương tự có thể sử dụng bộ chọn
:visible
trong jQuery:Cả hai bộ chọn trên chỉ áp dụng cho các phần tử bị ẩn mà có thuộc tính
display
trong CSS nhận giá trị lànone
. Hay tương đương với đoạn mã CSS như sau: