Người Viết : ViKiMi Editor
Xây dựng giao diện Website hiệu quả nếu sử dụng Callback Function cho PT Text, Html, Val
Không khó để thao tác nội dung hoặc văn bản của phần tử HTML; Và cũng không khó để thay đổi giá trị của trường biểu mẫu HTML bằng cách sử dụng jQuery. Đó là những cách cơ bản nhất có thể vận dụng. Ngoài ra, jQuery cũng cung cấp những cách nâng cao khác cho phép xử lý với HTML. Cách phổ biến là sử dụng Hàm gọi lại với những phương thức đã biết.
Thư viện jQuery cung cấp các phương thức :
+ Phương Thức Text()
+ Phương Thức Html()
+ Phương Thức Val()
Vậy chúng ta có thể thực hiện Hàm gọi lại với cả 3 phương thức này.
Cú pháp cũng giống như khi bạn thực hiện với phương thức Attr().
CÚ PHÁP SỬ DỤNG HÀM GỌI LẠI CHO CÁC PT:
+ Phương Thức Text()
$(selector). text ( function ( index, origText ) )
+ Phương Thức Html()
$(selector). html ( function ( index, origText ) )
+ Phương Thức Val()
$(selector). val ( function ( index, origText ) )
Các tham số sử dụng :
+ Index : Tham số sử dụng để nhận về vị trí index của phần tử trong tập hợp
+ Original Text : Tham số được sử dụng để cung cấp giá trị thuộc tính hiện tại của các phần tử được chọn. Và khi bạn sử dụng Function thì điều này sẽ hữu ích để bạn có thể đưa ra các xử lý phù hợp.
EXAMPLE : SỬ DỤNG HÀM GỌI LẠI CHO HTML()
Output ::
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$(".headline").html( function( index, origText ){
return "Tin Mới " + index + " : " + origText + " ! ";
});
});
});
</script>
</head>
<body>
<p class= "headline" >Thông Tin <b>Chuyển Nhượng</b> V-League 2023</p>
<p class= "headline" >Bão số <b>5</b> Mới Hình Thành</p>
<p class= "headline" >Chuyện Sao <b>ShowBiz</b> Mới Tinh</p>
<p class= "headline" >Săm soi <b>Nhà Sao</b> V League</p>
<button id="btn"> Show New HTML </button>
</body>
</html>
Với kết quả ở trên có thể thấy rằng sử dụng gọi lại cho 3 phương thức Text() , Html() , Val() đã đem lại cách xử lý dữ liệu mới và tốt hơn. Có thể nói với cách xử lý dữ liệu như vậy thì chúng ta sẽ có thể tạo ra các dữ liệu hoàn toàn mới dựa trên các dữ liệu cũ đã có và các thuật toán cần thiết.
+ Việc sử dụng hàm gọi lại sẽ đảm bảo cho giao diện luôn ổn định
+ Nguyên nhân : Hàm gọi lại chỉ thực thi sau khi các hiệu ứng kết thúc
