프로그래밍/JavaScript6 제이쿼리 특정 단어로 시작하는 객체 찾아오기 일반 선택자 $(.class) = 클래스 선택자 $(#id) = id 선택자 $(input:[name='name 값']) $("[id^=faq_]").click(function(){ if($(this).children().hasClass('btn_open')){ $(this).next().show(); // next() 선택한 요소의 다음 요소를 선택합니다. $(this).children().removeClass('btn_open'); $(this).children().addClass('btn_fold'); }else{ $(this).next().hide(); $(this).children().removeClass('btn_fold'); $(this).children().addClass('btn_open.. 2022. 9. 21. 자바스크립트 데이터 속성 'data-' & 제이쿼리로 데이터 가공 특정한 데이터를 dom 요소에 저장하는 방법 여러 데이터를 동시에 사용할수도 있고 다양하게 데이터를 저장 할 수 있습니다. 제이쿼리에서는 이런식으로 데이터를 받을 수 있다. console.log( "attr :", $("#test").attr('data-code')); // attr : 200 console.log( "data :", $("#test").data('code')); // data : 200 console.log( "attr :", $("#test").attr('data-test')); // attr : test console.log( "data :", $("#test").data('test')); // data : test 자바스크립트에서 데이터를 수정할수도 있습니다. 그러나 이경우에는 d.. 2022. 9. 19. 이전 1 2 다음