"JQuery .show()"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==))
잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
2번째 줄: 2번째 줄:
;jQuery .show()
;jQuery .show()


<source lang='html'>
<syntaxhighlight lang='html'>
<style>
<style>
.box1 {
.box1 {
22번째 줄: 22번째 줄:
});
});
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle height='250'>4xggwfgh</jsfiddle>
<jsfiddle height='250'>4xggwfgh</jsfiddle>



2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery .show()
<style>
.box1 {
  display: none;
  width: 150px; height: 150px;
  background: red;
}
</style>

<button id='btn-show-box1'>박스 표시</button>
<div class='box1'></div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
  $("#btn-show-box1").click(function() {
    $(".box1").show();
  });
});
</script>

2 같이 보기[ | ]

3 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}