본문 바로가기
2019/jQuery

jQuery Effects

by SOLYI 2019. 12. 11.
  • 나타내기
    • .show()
    • .slideDown()
    • .fadeIn()
  • 숨기기
    • .hide()
    • .slideUp()
    • .fadeOut()
  • .toggle() : 클릭할때마다 나타내고 숨기기
1
2
3
4
5
6
7
8
9
10
11
12
13
$('#show').click(function(){
    //show()
    $('#result').show();
    //fadeIn()
    $('#result').fadeIn(200);
    //sldieDown
    $('#result').slideDown();
    //css잡아주기
    $('#result').show(2000,function(){
        $(this).find('p')
            .css('color','red')
            .show();
    });
 

https://api.jquery.com/category/effects/

반응형

'2019 > jQuery' 카테고리의 다른 글

//ajax → js file  (0) 2020.01.08
jQuery append appendTo  (0) 2019.12.11
// jQuery $(this)  (0) 2019.12.11
//jQuery find와 end  (0) 2019.12.11
jQuery each  (0) 2019.12.11