Cách tốt nhất để lấy các thuộc tính phần tử là gì?

Question

Tôi giống như hầu hết các nhà phát triển web mới làm quen trong hầu hết các trường hợp sử dụng jQuery, nhưng thường xuyên hơn tôi bắt đầu sử dụng js sạch. Vì vậy, từ đây là câu hỏi của tôi: là nó thực hành thần để sử dụng js sạch trong phạm vi jQuery, ví dụ nếu tôi cần phải có được yếu tố lớp tôi có thể làm được điều này như:

jQuery('div#grid a').click(function(event){ 
    event.preventDefault(); 
    console.log(this.getAttribute('class')); 
    console.log(this.className); 
    console.log(jQuery(this).attr('class')); 
}); 

Nhưng cách tốt nhất là gì?

Answer 1

Nó tốt hơn để sử dụng this.className bởi vì nó là nhanh nhất trong số ba. Dưới đây là một bản demo mà bạn có thể chạy và xem tốc độ thực thi: jquery attr(class) vs js.className

Bạn có thể thấy sau khi chạy thử nghiệm thuộc tính nhanh nhất là className.

Answer 2

Có, sử dụng js sạch trong phạm vi jQuery là thực hành tốt.Bởi vì đây là bản địa làm việc với DOM và nó hoạt động nhanh hơn.

Perfomance Test

Answer 3

Luôn có cải tiến hiệu suất bằng cách sử dụng tập lệnh gốc thay vì thực hiện cuộc gọi hàm jQuery để thực hiện tương tự.

Tuy nhiên, mức tăng này có thể không đáng kể đối với một số lượng nhỏ các thành phần. Do đó, giao dịch trở nên đơn giản hơn, mã dễ đọc hơn so với mức tăng có thể không ảnh hưởng nhiều đến giao diện người dùng