석봉노트 석봉노트

분류 전체보기

• jQuery 각 태그별 값 불러오기

  DEV/javascript 2022. 5. 1. 23:56

  H1, a, div, input(text, radio, checkbox), select, datalist(예시코드 참조) 등 각 태그에 따라 값을 불러오는 방식이 다르다. 각 태그별로 값을 가져오는 방법을 정리했다. (선택한 요소 값 가져오는 방법) '-' : 선택자 H1, a 태그 값 가져오기 (H1, 2, 3 ... 등) : $('-').text(); div 값 가져오기 : $('-').text() input(text) 값 가져오기 : $('-').val() input(radio) 값 가져오기 : $('-').prop("checked") input(checkbox) 값 가져오기 : $('-').prop("checked") select 값 가져오기 : $('- option:selected').val()..

  Read More
• Javascript innerText, innerHTML, textContent 차이

  DEV/javascript 2022. 4. 28. 23:13

  결과 Text : 노드내의 보이는 텍스트 추출 HTML : HTML이나 XML을 불러옴 textContent : 노드내의 모든 텍스트 추출 test.html 테스트 코드 입니다. 보이지 않는 div test.js $(document).ready(function() { console.log("innerText : ", document.getElementById('testDiv').innerText); console.log("innerHTML : ", document.getElementById('testDiv').innerHTML); console.log("textContent : ", document.getElementById('testDiv').textContent); });

  Read More
• Javascript 백틱(`, backtick) 간단 사용 설명서

  DEV/javascript 2022. 4. 22. 18:20

  Javascript 백틱(`, backtick) 사용법에 대해 간단하게 알아보자 1. 문자열 사용 const backtick = `this is backtick`; 2. 백틱 문자열 내부에 변수 사용 const val = 36; const backtick = `this is ${val} backtick`; 백틱 내부에서 ${ } 를 사용하면 된다. 3. 백틱 내부에서 삼항 연산자 사용 (백틱 내에서 조건문 사용) const val = 36; const t = 10; const f = 20; // 만약 val 이 30 보다 크면? => t(10) // 만약 val 이 30 보다 작다면? => f(20) const backtick = `this is ${ val > 30 ? t : f } backtick`;..

  Read More
• Javascript 텍스트 여백 제거하기

  DEV/javascript 2022. 4. 20. 22:40

  Javascript 문자열(텍스트)의 여백을 제거하는 방법 가끔 여백에 의해 에러를 발생시키거나 필요에 의해 문자열 여백을 제거해야 하는 상황이 생긴다. (당장 알고리즘 문제에서도 여백 때문에 오류를 뿜어낼때가 있다.) 여백 제거는 아주 간단하다. const text = " test text "; // 출력 console.log(text); // 여백 제거 console.log(text.trim());

  Read More
• jQuery Checkbox가 선택되어 있는지 확인하기

  DEV/javascript 2022. 4. 20. 18:58

  Javascript를 이용하여 체크박스가 선택되어 있는지 확인이 필요한 경우가 있다. 아래의 코드를 활용하자! if($('input[type="checkbox"]:checked').length == 0) { console.log("체크가 안되어있습니다. 확인하세요!"); ...(생략) } Javascript Checkbox 관련된 글... https://seokbong.tistory.com/search/checkbox 석봉노트 까먹으니까 적어두자... seokbong.tistory.com

  Read More