Khách hàng khó tánh. NO! jQuery!!!! P2 (END)

Xin chào mọi người! Tiếp nối phần 1, bài viết về các dự án không dùng JQUERY hơi không thành công cho lắm, mình xin mạn phép viết tiếp phần 2, cùng theo dõi bên dưới nhé.

Giả sử ta có đoạn code html như sau:

<div class="list">
    <div class="item">Item 1</item>
    <div class="item">Item 2</item>
    <div class="item">Item 3</item>
    <div class="item">Item 4</item>
</div>

• jQuery

$(".item").each(function(){
    // do some thing
});

• jQuery

var listItem = document.querySelectorAll(".item");
listItem.forEach(function(item) {
  // do some thing
});

Để get các elements có class "item" trong JS ta sử dụng querySelectorAll, hàm này sẽ trả về cho ta một array các phần tử, việc tiếp theo là sử dụng hàm forEach trong JS để duyệt mảng trên.

• jQuery

$(element).empty();

• jQuery

element.innerHTML = ';

• jQuery

$(element).attr('my-attribute');

• jQuery

element.getAttribute('tabindex');

• jQuery

$(element).text();

• jQuery

element.textContent

Các mục 2, 3, 4 khá là đơn giản nên mình không có giải thích gì thêm, các bạn xem cũng qua cũng dễ nhận ra không quá phức tạp khi dùng JS thuần