JQuery

5.29.2015

페이지 정보

작성자 Ryangkyung 작성일15-05-29 15:56 조회2,282회 댓글0건

본문

$(document).ready(function() {

    $('div').click(function() {

        $('div').fadeOut('slow');

    });

}); 

 

//document를 jquery object로 바꿔주는 function

 

$(document).ready(function() {

    var $target = $('ol li:nth-child(4)');

    $target.fadeOut('fast');

}); 

 

$(document).ready(function() {

    $('button').click(function() {

        $('.vanish').fadeOut('slow');

    });

}); 

 

$('#blue').fadeOut('slow'); 

 

$(document).ready(function(){

    $('.pink, .red').fadeTo('slow', 0);

});// 작은 따옴표 하나만 

 

 

$(document).ready(function() {

    $('div').click(function() {

        $(this).fadeOut('slow');

    });

});클릭한 것만 없어진다 

 

$(document).ready(function(){

    $('.pull-me').click(function(){

        $('.panel').slideToggle('slow')

    });

}); 

 

 

toggle: 껐다 켰다 하다, 왔다 갔다 하다.

 

 

댓글목록

등록된 댓글이 없습니다.