Sử dụng các câu lệnh jQuery trong các hàm javascript đơn giản

Question

Có thực hành tốt hay xấu để sử dụng các câu lệnh jQuery trong các hàm javascript thuần túy bên ngoài sẵn sàng không? Nếu không phải là cách chính xác là gì?

//** End ready **// 

function doSomething() { 
    selectedClickBoxIndex = parseInt(jQuery('.' + clickBoxOnClass).attr('value')); 

    // Javascript code 
} 

Answer 1

gì sai. Khi bạn bao gồm tệp jquery, bạn đang mở rộng chức năng của mình, miễn phí sử dụng bất cứ nơi nào bạn muốn

Answer 2

Tại sao không điều này sẽ làm giảm dòng mã và cũng jquery là tương thích với tất cả các trình duyệt

Answer 3

Điều đó hoàn toàn có thể chấp nhận được; chỉ cần đảm bảo bạn gọi các hàm đó sau khi DOM đã tải, hoặc từ tài liệu đã sẵn sàng hoặc một số tương đương.

Answer 4

Không có gì sai với điều đó cả.

Điều bạn muốn đảm bảo là không có tham chiếu đến nút DOM nào được thực hiện trước DOMReady. Điều này đúng bất kể bạn sử dụng $('.someClass') hoặc document.getElementsByClassName.

Chức năng của bạn thực hiện tham chiếu như vậy, nhưng điều này là miễn là bản thân hàm không được gọi trước DOMReady.

Answer 5

Không có lý do gì để không sử dụng nó bên ngoài tài liệu. Nó làm cho nó dễ dàng hơn nhiều để đi qua và sửa đổi dom.

Khả năng lấy các phần tử trên trang qua nhiều bộ chọn jquery hữu ích là một lý do đủ tốt để sử dụng ở nơi khác.

Answer 6

Không có gì sai với điều đó. jQuery chỉ là một thư viện Javascript, không có sự tách biệt chặt chẽ giữa chúng.

Bạn có thể muốn sử dụng chức năng val, mặc dù:

function doSomething() { 
    selectedClickBoxIndex = parseInt(jQuery('.' + clickBoxOnClass).val()); 

    // Javascript code 
} 

Answer 7

Chừng nào function doSomething() được kích hoạt sau khi sự kiện onLoad nó là hoàn toàn OK để làm điều đó theo cách đó. $ (document) .ready chỉ là một cách để thực thi JS được hoãn cho đến khi trang được nạp đầy đủ.