jQuery chứa các phương thức mạnh mẽ để thao tác các phần tử và thuộc tính HTML.
Một phần rất quan trọng của jQuery là khả năng thao tác DOM.
jQuery đi kèm với một loạt các phương thức liên quan đến DOM giúp dễ dàng truy cập và thao tác các phần tử và thuộc tính.
DOM = Document Object Model
DOM định nghĩa một tiêu chuẩn để truy cập các tài liệu HTML và XML.
Ba phương thức jQuery đơn giản nhưng hữu ích để thao tác DOM là:
text()
- Đặt hoặc trả về nội dung văn bản của phần tử được chọnhtml()
- Đặt hoặc trả về nội dung của phần tử được chọn (bao gồm thẻ HTML)val()
- Đặt hoặc trả về giá trị của các trường biểu mẫuVí dụ sau minh họa cách lấy nội dung với phương thức text()
và html()
:
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
Ví dụ sau minh họa cách lấy nội dung với phương thức val()
:
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
Phương thức attr()
được sử dụng để lấy giá trị của thuộc tính.
Ví dụ sau đây minh họa cách lấy giá trị của thuộc tính href trong một link:
$("button").click(function(){
alert($("#w3s").attr("href"));
});
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Phát Triển Công Nghệ Gozic.
Website: https://ziczacvn.com
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website