Chèn nội dung trước, sau và bên trong với jQuery - núm vú

Một phần của jQuery For Dummies Cheat Sheet

jQuery cung cấp cho bạn những cách dễ dàng để có được dữ liệu trong trang Web của bạn. Cụ thể, bạn có thể chèn bất kỳ nội dung nào bạn muốn, bất cứ nơi nào trên trang của bạn. Các ví dụ theo sau đều sử dụng mã mẫu này:

Trang kiểm tra của tôi $ (tài liệu). đã sẵn sàng (function () {

// Mã của bạn ở đây. 
}); Tôi là một div. 

Dưới đây là tóm tắt nhanh về cách chèn nội dung trước, sau và bên trong phần tử trong một trang Web:

Để Đặt Nội dung	Mã
Ở phía trước và bên ngoài (trước)	$ (": gửi"). click (function () { $ ("div") trước ("Trước "); });
Ở phía sau và bên ngoài (sau)	$ (": gửi"). click (function () { $ ("div") sau khi ("Sau "); });
Bên trong nhưng trước nội dung hiện tại (trước khi nộp)	$ (": submit"). click (function () { $ ("div"). thêm trước ("New Content!"), });
Bên trong nhưng sau nội dung hiện có (nối)	$ (": submit"). nhấp chuột (function () { $ ("div"). append ("New Content!"), });