[제이쿼리] 1. jQuery click() , slideUp();

*jQuery코드를 작성해주세요!!

*변경후 Reset 버튼 클릭!!

<!DOCTYPE html>
<head>
<style>
#para1{
margin:20px;
  text-align: center;
  color: blue;
background-color:#888888;
cursor:pointer;
 } 

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>


$("#para1").click(function() {
$(this).slideUp();
});

</script>
</head>
<br>
<br>
 <p id="para1">날올려주세요!</p>


 </body>
 </html>

= 글자를 클릭해보시면 (p태그)가 위쪽으로 말려올라갑니다. slideUp();

저작자표시

'배워보자!! > jQuery' 카테고리의 다른 글

[제이쿼리] 5. jQuery 배열(array) (0)	2015.02.12
[제이쿼리] 4. Jquery css() 메서드 (0)	2015.02.12
[제이쿼리] 3. jQuery event(pageX , pageY ) (0)	2015.02.10
[제이쿼리] 2. jQuery animate(); (0)	2015.02.10

행복하자요!!

[제이쿼리] 1. jQuery click() , slideUp();

'배워보자!! > jQuery' 카테고리의 다른 글

댓글

티스토리툴바

[제이쿼리] 1. jQuery click() , slideUp();

'배워보자!! > jQuery' 카테고리의 다른 글

관련글

댓글

티스토리툴바