Người Viết : ViKiMi Editor

jQuery tạo nên một sức mạnh lập trình rõ rệt, một khả năng tối ưu cao hơn với Website
jQuery thực sự hữu ích khiến cho công việc phát triển Website trở nên hấp dẫn, sự nhàm chán đã không còn là cản trở với bất kỳ Lập trình viên nào muốn bắt đầu phát triển một Website. jQuery đem lại cho chúng ta một thư viện javascript với nhiều thứ có thể làm. Thực sự khi sử dụng jQuery cũng giống như sử dụng một ngôn ngữ lập trình bình thường.
Một ngôn ngữ lập trình bình thường có những gì thì bạn cũng có thể tìm thấy những thứ như vậy với jQuery.
jQuery đem lại cho chúng ta nhiều thứ khi lập trình :
+ Truy vấn và tìm những phần tử HTML (Giao diện)
+ Các khai báo biến thông thường
+ Các định nghĩa chức năng hàm để có những xử lý khác nhau
+ Các biểu thức tính toán cần thiết
+ Các tập hợp lệnh có điều kiện, tập hợp lệnh vòng lặp có điều kiện etc…
+ Các tác vụ xử lý kết nối dữ liệu, xử lý File cần thiết etc…
Chúng ta có thể làm được rất nhiều thứ khi lập trình với jQuery.
Nếu bạn quen với những câu lệnh vòng lặp thì bạn cũng thấy rằng jQuery cũng cung cấp cho chúng ta đầy đủ những câu lệnh vòng lăp như bất kỳ ngôn ngữ nào, cách sử dụng cũng vậy. Và chúng ta có thể xem qua những câu lệnh vòng lặp có thể có :
+ Câu lệnh vòng lặp While
+ Câu lệnh vòng lặp Do … While
+ Câu lệnh vòng lặp For
+ Câu lệnh vòng lặp For-each
Thực hiện xử lý dữ liệu nhờ những lệnh vòng lặp giúp ích cho các lệnh có điều kiện và dễ dàng tạo một chương trình xử lý các dữ liệu phức tạp. Do đó, nếu bạn sử dụng jQuery thì tập những câu lệnh vòng lặp là điều bạn cần biết và quen thuộc.
Chúng ta sẽ xem cách làm việc của từng câu lệnh vòng lặp trong jQuery.
LỆNH VÒNG LẶP WHILE
Vòng lặp while lặp qua một khối mã lệnh khi điều kiện thực hiện cụ thể là đúng. Nếu điều kiện thực hiện không thoả mãn là đúng thì khối mã lệnh đó sẽ không được thực hiện.
[ Các vòng lặp có thể thực thi một khối mã miễn là một điều kiện cụ thể là đúng ]
Cú pháp của lệnh vòng lặp While :
while (condition) {
// code block to be executed
}
Chúng ta sẽ xem một ví dụ cụ thể để dễ dàng làm việc với vòng lặp While trong jQuery. Điều này, giúp tạo một Giao diện người dùng tốt hơn.
EXAMPLE ::
Sử dụng vòng lặp While trong jQuery, Tạo quảng cáo cho các Sản Phẩm bán chạy trên một Trang Web.
Nội dung Code của vòng lặp While :
while ( i < priceElements.length ){
element = priceElements.eq(i);
var_1 = parseFloat(element.text());
if( var_1 <= 200000){
element.prepend(“<b style=’color:red’>Good Price</b> “);
}
i++;
}
Nội dung Code đầy đủ trên trang sanpham.html
Hình Ảnh :

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
var i = 0;
var element, var_1;
var priceElements = $(".price_product");
while ( i < priceElements.length ){
element = priceElements.eq(i);
var_1 = parseFloat(element.text());
if( var_1 <= 200000){
element.prepend("<b style='color:red'>Good Price</b> ");
}
i++;
}
});
});
</script>
</head>
<body>
<p id="test">These are products <b>in Bee Shop</b> .</p>
<table class="tbl_company" border="1">
<tr>
<th>Product</th>
<th>Price</th>
</tr>
<tr>
<td>Quần Áo</td>
<td><p class="price_product">200000</p></td>
</tr>
<tr>
<td>Giày Dép</td>
<td><p class="price_product">300000</p></td>
</tr>
<tr>
<td>Mũ Nón</td>
<td><p class="price_product">150000</p></td>
</tr>
<tr>
<td>Trang Sức</td>
<td><p class="price_product">150000</p></td>
</tr>
<tr>
<td>Mỹ Phẩm</td>
<td><p class="price_product">500000</p></td>
</tr>
</table>
<br/>
<button id="btn1">Best Sale</button>
</body>
</html>
Như vậy, thật đơn giản khi sử dụng câu lệnh While trong jQuery. Nó đem lại cho chúng ta hiệu quả thật tốt khi thao tác trên trang buôn bán. Một xử lý phần giao diện hiển thị tốt hơn, đồng thời cũng tăng tốc tốt cho Website. Nguyên nhân đó là tất cả xử lý hiển thị các sản phẩm Bán chạy nhất sẽ thực hiện trên phía Client, nhờ vậy tốc độ tốt hơn, linh hoạt hơn.
Thật tốt khi sử dụng jQuery!