Chủ Nhật, 5 tháng 6, 2016
Thứ Sáu, 17 tháng 4, 2015
Thứ Sáu, 7 tháng 3, 2014
jQuery Chaining
«Trở lại
Chương tiếp theo »
Với jQuery, bạn có thể chuỗi lại với nhau hành động / phương pháp.
Chain cho phép chúng ta chạy nhiều phương pháp jQuery (trên cùng một nguyên tố) trong một tuyên bố duy nhất.
jQuery Phương pháp Chaining
Cho đến nay chúng tôi đã viết jQuery báo cáo tại một thời gian (một sau khi khác).
Tuy nhiên, có một kỹ thuật được gọi là chaining, cho phép chúng ta chạy lệnh nhiều jQuery, một sau khi khác, trên cùng một nguyên tố (s).
Mẹo: Bằng cách này, các trình duyệt không cần phải tìm thấy cùng một nguyên tố (s) nhiều hơn một lần.
Chuỗi hành động, bạn chỉ cần thêm các hành động để hành động trước đó.
Chuỗi ví dụ sau đây cùng các slideDown () phương pháp css (), slideUp (), và. Các "p1" yếu tố đầu tiên thay đổi thành màu đỏ, sau đó nó trượt lên, và sau đó nó trượt xuống:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
});
});
</script>
</head>
<body>
<p id="p1">jQuery is fun!!</p>
<button>Click me</button>
</body>
</html>
Thử nó cho mình »
Chúng tôi cũng có thể có thêm các cuộc gọi phương pháp hơn nếu cần thiết.
Mẹo : Khi chaining, các dòng mã có thể trở nên khá dài. Tuy nhiên, jQuery không phải là rất nghiêm ngặt về cú pháp, bạn có thể định dạng nó như bạn muốn, bao gồm ngắt dòng và móp vào trong.
Điều này cũng làm việc tốt:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
});
});
</script>
</head>
<body>
<p id="p1">jQuery is fun!!</p>
<button>Click me</button>
</body>
</html>
Thử nó cho mình »
jQuery ném đi thêm khoảng trắng và thực hiện những dòng ở trên là một đường dài của mã.
«Trở lại
Chương tiếp theo »
Đăng ký:
Bài đăng (Atom)