DEV/javascript
-
jQuery 선택한 요소 제거, 선택한 요소 내용 제거DEV/javascript 2022. 5. 2. 00:45
jQuery 선택한 요소 내용 제거 : empty jQuery 선택한 요소를 제거 : remove $('-').empty(); // 선택한 요소 내용 제거 $('-').remove(); // 선택한 요소를 제거 $('-').removeClass('제거할 클래스'); // 선택한 요소의 클래스 제거 기타 Attr 수정해서 제거 https://seokbong.tistory.com/47 jQuery attr로 속성 값 불러오기, 속성 값 변경하기 jQuery는 .attr를 통해 속성 값을 불러오거나 속성 값 변경, 속성 값 추가가 가능하다. 사용 방법은 간단하다. 예시 코드 (html, js) TEST1 TEST2 TEST3 testText "use strict" // 실행 $(functio.. seokbon..
-
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()..
-
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); });
-
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`;..