Đối tượng JavaScript DOM đối tượng jQuery

Question

Làm cách nào để chuyển đổi đối tượng DOM JavaScript sang đối tượng jQuery?

<tr onclick="changeStatus(this)"> 

function changeStatus(myObject) { 
     XXX.removeClass(); 
} 

Tôi nên viết gì thay cho XXX? Tôi biết tôi có thể thực hiện giải pháp thay thế bằng cách sử dụng id và bộ chọn id, nhưng nó không quá thanh lịch. Có cách nào để chuyển đổi đối tượng DOM js thành đối tượng jQuery hoặc sử dụng từ khóa this trong jQuery không?

Answer 1

var $this = $(myObject); 

$this là đối tượng jQuery. Bạn có thể tạo các đối tượng jQuery từ các phần tử DOM.

<tr onclick="changeStatus(this)"> 

function changeStatus(myObject) { 
     $(myObject).removeClass(); 
} 

Tôi muốn khuyên bạn nên làm sự kiện của bạn ràng buộc với jQuery cũng như:

<tr class="change-status"> 

$('.change-status').on('click', function() { 
    $(this).removeClass(...); 
}); 

này là tốt đẹp bởi vì bây giờ tất cả các mã JS là ở một nơi và có thể được cập nhật (theo ý kiến ​​của tôi) dễ dàng hơn. Lưu ý rằng lớp tôi đã thêm vào phần tử <tr> là không cần thiết nếu bạn muốn liên kết với tất cả các phần tử <tr> trong DOM.

Answer 2

Chỉ cần bọc đối tượng DOM làm đối số đầu tiên.

$(myObject).removeClass('foo');