Kiểm tra xem bộ chọn jQuery không tìm thấy kết quả nào

Question

Tôi đã quen với Prototypejs, trong đó $$ ("selector") sẽ trả về null nếu không tìm thấy phần tử nào. Điều này thuận tiện vì tôi có thể làm

if ($$("selector")) {} 

để kiểm tra xem một phần tử có nằm trong DOM hay không.

Tuy nhiên, trong jQuery $ (selector) sẽ trở lại [] nếu không có yếu tố được tìm thấy, vì vậy bây giờ tôi cần phải làm:

if ($(selector).length > 0) 

Điều này làm cho mã hơi khó đọc.

Câu hỏi của tôi: Cách tốt nhất để làm điều này là gì? Tôi có nên mở rộng đối tượng jQuery với các phương thức như .empty() và .any(), hoặc có sẵn các hàm để làm điều này không?

Cập nhật: Điều này cũng áp dụng đối với bộ chọn khác trên jQuery mà nên, dù sao, chỉ trả lại một kết quả (như cha mẹ(), hoặc gần nhất())

Answer 1

$.fn.exists = function() { 
    return this.length !== 0; 
} 

Được sử dụng như:

$("#notAnElement").exists(); 

Answer 2

Sử dụng length là cách tốt nhất. Bạn không nên sử dụng empty() hoặc size() > 0 vì điều đó chỉ thêm mục nhập khác vào ngăn xếp cuộc gọi.

Answer 3

if ($(selector)[0]) 

Điều đó sẽ thực hiện.