Để thêm và xóa các thuộc tính HTML bằng jQuery, hãy sử dụng phương thức addClass[] và removeClass[]
Bạn có thể thử chạy đoạn mã sau để thêm và xóa các thuộc tính HTML bằng jQuery –
Thí dụ
Bản thử trực tiếp
jQuery ExampleDemo
Add Remove
Cập nhật ngày 14-Feb-2020 04. 55. 22
Sam Deering có hơn 15 năm kinh nghiệm lập trình và phát triển trang web. Anh ấy là cố vấn trang web tại Console, ABC News, Flight Centre, Sapient Nitro, và QLD Government và điều hành một blog công nghệ với hơn 1 triệu lượt xem mỗi tháng. Hiện tại, Sam là Founder của Crypto News, Australia
Với jQuery, bạn có thể thêm và xóa các phần tử HTML trên một trang và sửa đổi nội dung của chúng
Thêm các yếu tố mới
Có hai cách để thêm phần tử mới vào trang web, bạn có thể tạo phần tử rồi chèn phần tử đó vào trang vào một vị trí cụ thể hoặc bạn có thể thêm trực tiếp mục HTML vào trang1. Tạo một mục HTML và sau đó chèn nó
Để tạo thẻ HTML mới, hãy sử dụng cú pháp này.$['New Content'];jQuery phân tích cú pháp HTML thành một đoạn DOM và chọn nó, giống như một bộ chọn jQuery thông thường thực hiện. Điều đó có nghĩa là nó đã sẵn sàng ngay lập tức để xử lý thêm jQuery
Để thêm một lớp vào phần tử mới, hãy sử dụng cú pháp này
$['New Content'].addClass['class_name'];
Sau khi phần tử mới được tạo, bạn có thể chèn phần tử đó vào trang mà chúng tôi muốn phần tử đó xuất hiện. Có một số hàm jQuery có sẵn cho mục đích này.
newItem. insertafter[đích] - chèn newItem. vào trang sau mục tiêu được chỉ định.
Mục mới. insertB Before[target] - chèn newItem. vào trang trước mục tiêu được chỉ định.
newItem. appendTo[target] - thêm newItem làm phần tử con của "mục tiêu" [xuất hiện bên trong "mục tiêu"], ở cuối, sau tất cả các phần tử con hiện có khác.
newItem. prependTo[target] - thêm newItem dưới dạng phần tử con của "mục tiêu" [xuất hiện bên trong "mục tiêu"], ngay từ đầu, trước các phần tử con hiện có khác.
- "mục tiêu" có thể là bộ chọn đại diện cho một phần tử hoặc một tập hợp các mục, trong trường hợp này, "newItem" sẽ được thêm vào tất cả các phần tử.
Thí dụ
Đoạn mã trên tạo thẻ a và thẻ để thêm lớp CSS, chèn nút vào trang, sau đó sử dụng nút này để đăng ký sự kiện nhấp chuột sẽ thêmCreate and insert new HTML items with jQuery
coursesweb.net