JQuery | jqtest1

효돌dev.·2022년 1월 26일
0

웹 기초

목록 보기
3/4

<div class="box">
  <h3></h3>
  <input type="button" value="보이기">
  <input type="button" value="감추기">
  <div id="result2"></div>
</div>

$(document).ready(function(){
	a = $('.box'); //a=document.getElementsByClassName('box');
  	$(a).css('background-color', 'lightblue');
  
  //클릭이벤트 설정
  $('input[value=보이기]').on('click',function(){
  	$('#result2').show();
    //$('#result2').css('display', 'block');
  });
  
  $('input[value=감추기]').on('click', function(){
  	$('#result2').hide();
  });
  
});
profile
뭐든 다 하고싶음

0개의 댓글

관련 채용 정보