Hướng dẫn html trong jquery
Show Định nghĩa và sử dụng
Cấu trúc
.html() Lấy nội dung HTML của thành phần $('div').html();
.html(function(){...}) $('div').html(function(){
var txt = '' + $('p').length + ' paragraphs!';
return ' .html()Html viết:
Hiển thị trình duyệt:Với cách sử dụng $('div').html() ta đã lấy nội dung HTML của . So sánh code HTML trước và sau khi có jQuery:
.html('Nội dung HTML')Html viết:
Hiển thị trình duyệt:Ban đầu thành phần là thành phần rỗng, nhưng khi ta sử dụng .html(' Thành phần được thêm ') thì thành phần đã được thêm nội dung.
So sánh code HTML trước và sau khi có jQuery:
.html(function(){...})Html viết:
Hiển thị trình duyệt:So sánh code HTML trước và sau khi có jQuery:
Học jQueryjQuery là một thư viện Javascript, với cấu trúc có sẵn, giúp cho chúng ta có thể viết những dòng script đơn giản tiện lợi hơn so với viết trực tiếp bằng Javascript. jQuery có rất nhiều bộ chọn (selector) và hàm (function) có sẵn, trong phạm vi bài học này Học Web Chuẩn sẽ giới thiệu các bạn một số selector và function thường dùng, đơn giản, mục đích giúp các bạn làm quen với jQuery, nếu cần biết nhiều hơn, các bạn có thể xem tại phần tham khảo jQuery. Nội dung cần họcBắt đầuBộ chọn (selector)
Xử lý HTML
Hiệu ứng (effects)
Sự kiện (events)
Tương tác các thành phần
Bài tập jQueryBài tập jQuery được thiết kế từ cơ bản đến nâng cao, giúp các bạn làm quen với nội dung bài học jQuery, đồng thời giúp các bạn biết cách hoạt động của một số plugin JS phổ biến hiện nay. |