본문 바로가기
웹프로그래밍/jQuery

jQuery

by 폴더맨 2024. 6. 9.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery를 이용한 요소 숨기기/보이기</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#hide").click(function(){
                $("p").hide();
            });
            $("#show").click(function(){
                $("p").show();
            });
        });
    </script>
</head>
<body>

<p>If you click on the "Hide" button, I will disappear.</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>

 

 

세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/

 

유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트

컴퓨터 및 일반 유용한 링크들을 모아 놓았습니다. 지금 바로 확인하세요!

linkdotcom.mycafe24.com

 

 

'웹프로그래밍 > jQuery' 카테고리의 다른 글

jquery animate  (0) 2024.06.09