★코드 몽땅 적어놓으면 에러 찾기가 힘드니 틈틈히 console.log로 확인해보기.
★백틱 backtick
Javascript복습
1. 변수+=1; equal 변수=변수+1;
2. 지역변수: 함수 끝나면 같이 끝.(초기화)
3. 전역변수: 함수 끝나도 초기화 되지 않고 계속 누적됨.
JQuery
1. Jquery란?
- 미리 작성 된 Javascript코드. 사용 전 임포트 필요함
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> - 기본구조: $('#아이디')
- 응용
<button id="txt">예시</button>
$('#txt').val(); //입력된 값 출력
$('#txt').hide/show(); //사라지고 나타나게 함
$('#txt').css('width','800px'); //width를 800으로 변경
$('#txt').text('내용'); //텍스트를 변경함
$('#txt').appent('내용'); //값 추가2. JQuery적용
- inline-style: 인라인. 맨 처음부터 감춰두는 것.
사용법
1) <div style="display:none"></div>
2) Class 적용 후 css에서 display:none; 속성 부여.
body: <div class="a"></div>
head: .a{
display: none;
}- 입력된 값 표시
alert($('#아이디').val()); //1이라고 적으면 1이라고 alert창 뜸.- 입력되지 않은 값
$('#아이디').val()=='' //아무것도 입력되지 않았을 때를 지정.- 특정문자 여부 확인
let a = "123@naver.com"
a.includes('@') //@가 있는지 없는지 확인.
a.split('.') //'.'기점으로 나눔.
a.split('.')[0] //'.'기점으로 나눈 첫번째 배열. 이때 값은 '123@naver'.
a.split('@')[1].split('.)[0] //이렇게 계속 이어나갈 수 있음. 이때 값은 'naver'.- 문자의 추가/제거
1) 문자 추가
let 변수 = $('#아이디').val();
let 변수1 = `${변수}`
${'#문자 추가 할 곳 아이디'}.append(변수1)
혹은
let 변수 = `${$('아이디').val()}`
${'#문자 추가 할 곳 아이디'}.append(변수1)
2) 문자 제거
$('삭제 할 곳 아이디').empty();