석봉노트 석봉노트

전체 글

• Javascript 클래스 추가, 제거 (그리고 클래스가 있는 경우 제거, 없는경우 추가)

  DEV/javascript 2022. 10. 29. 16:36

  자바스크립트를 통해 클래스 추가, 제거 또는 클레스가 없으면 제거, 있으면 추가하는 방법 아래와 같이 사용 가능하다. test.js const sampleEle = document.getElementById("sampleEle"); // ('d-none')class 추가, 제거 sampleEle.classList.add('d-none'); sampleEle.classList.remove('d-none'); // 여러개.. sampleEle.classList.add('d-none', 'show', 'point'); // ('d-none') class가 있는 경우 제거, class가 없는 경우 추가 sampleEle.classList.toggle('d-none');

  Read More
• Javascript a태그 클릭 막기, submit 막기 (이벤트 막기)

  DEV/javascript 2022. 10. 29. 16:20

  a태그를 클릭하거나 submit에는 기본적인 이벤트가 달려 있다. 해당 이벤트를 막는 방법은 다음과 같다. (a 태그 막는 방법 예시) test.js /** * [a 땅 막음] */ $(document).on('click', 'a', (e) => { e.preventDefault(); // 코드 작성... });

  Read More
• jQuery 선택된 select 값 가져오기

  DEV/javascript 2022. 10. 29. 16:06

  jQuery로 선택된 select 값 가져오는 방법. $('#id option:selected').val();

  Read More
• Javascript 부등호 및 특수문자 변경 (문자열 변경 활용, <br>, &gt;, &lt;, &quot;, &nbsp;, &amp;, &#039;)

  DEV/javascript 2022. 10. 29. 15:55

  이거... 뭐라 설명해야 할지 모르겠다. , >, ,

  Read More
• HTML Input 문자 최대 입력 제한

  DEV/javascript 2022. 10. 29. 15:40

  HTML INPUT 태그의 글자수 최대 제한 설정 방법 (Textarea 태그도 동일하다.)

  Read More