Một số hàm hay dùng Jquery

Một số hàm hay sử dụng trong jquery

1. toggle -> Nếu đang ẩn thì hiện và ngược lại
$('p').toggle(300);  -> ân thẻ sau 0,3 s

  $('p').toggle(300,'swing');

Ví dụ 1:

<p>XIN CHAO CAC BAN !</p>
<input onclick="xuly();" type="button" value="button" />
<script>
function xuly()
{
        $('p').toggle(300,'swing');
}
</script>

Ví dụ 2:
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>
 
<script>
$( "button" ).click(function() {
  $( "p" ).toggle();
});
</script>

Ví dụ 3: tham số true / false
<p>XIN CHAO CAC BAN !</p>
<input onclick="xuly();" type="button" value="button" />
<script>
function xuly()
{
    $("p").toggle( false );
}
</script>

2. Sử dụng hàm trong toggle

<p>XIN CHAO CAC BAN !</p>
<span style="display:none">HELL</span>
<script>
   $('p').toggle(2000,function(){
    $('span').fadeIn(100);
});
</script>

-> Sau khi ẩn thực hiện gọi hiển thị thẻ span

Một số hàm hay sử dụng trong jquery