[Hỏi đáp] Cách dùng jQuery Effects

10.02.14 18:371

anhoang_qn

Hỏi: Lần đầu đi học cái này nên ngu ngu, ai biết chỉ hộ. Mình có code này

Code:: <!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(){ $("p").hide(1000); }); }); </script> </head> <body> <button>Hide</button> <p>This is a paragraph with little content.</p> <p>This is another small paragraph.</p> </body> </html>

có đoạn

Code:: $(document).ready(function(){ $("button").click(function(){ $("p").hide(1000); }); });

Theo cách hiểu của mình thì nó nói như thế này : khi click vào button hide thì dòng chữ trong các thẻ <p> sẽ bị ẩn trong thời gian 1000 (cái này k biết tính theo đơn bị gì)
Theo mình biết thì trong js muốn gọi cái gì đó ra thì dùng hàm $('selector') nhưng sao trong hàm trên thì lại dùng " thay cho '?

Code trên chỉ cho button, giờ muốn xài cho link thì sẽ xài thế nào, vì khi click vào link sẽ bị chuyển trang ?

Đáp: https://devs.forumvi.com/t218-hoi-dap-jquery-effects-hide-and-show?showpost=p1301

11.02.14 3:422

Zero

1000 millisecond (ms) = 1 second (s)
Học kiểu gì cơ bản của jquery còn không biết -_-

Code:: <script type="text/javascript"> $(function () { $('#test').click(function() { $('p').hide(1000) }) </script> <a id="test" href="#">123</a> <p>This is a paragraph with little content.</p> <p>This is another small paragraph.</p>

12.02.14 16:513

Zzbaivong

Xem bài này phần Quoting.
Chi tiết: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier

Code:: $(document).ready(function(){ // Khi tài liệu đã sẵn sàng $("button").click(function(){ // Gắn sự kiện click vào button $("p").hide(1000); // Ẩn thẻ p trong 1s (1000ms) }); });

Khi click vào liên kết thì sẽ cần chặn chuyển đến liên kết.

Code:: event.preventDefault();

Code:: $(document).ready(function(){ // Khi tài liệu đã sẵn sàng $("a").click(function(event){ // Gắn sự kiện click vào liên kết event.preventDefault(); // Chặn sự kiện mặc định của liên kết (chuyển trang) $("p").hide(1000); // Ẩn thẻ p trong 1s (1000ms) }); });

4

[Hỏi đáp] Cách dùng jQuery Effects - Hide and Show