ㅇ jQuery란? : 미리 작성된 자바스크립트 코드([유사] 남이짜둔 css는 '부트스트랩')
ㄴ 임포트 : 미리 작성된 자바스크립트 코드를 가져오는 것
* 제이쿼리 임포트(부트스트랩 템플릿이 아닌경우는 필히 진행)
1. URL(구글 CDN) : https://www.w3schools.com/jquery/jquery_get_started.asp
2. 복사(head 내 붙이기) : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
`` >> 빽틱('~'를 쉬프트없이 클릭), 'temp_html'을 적용할때 사용
$(대상)
append(내용)
$('#id값').val('변경할 값') > val은 input에 주로사용
$('#id값').text('변경할 값') > text는 그 외 텍스트 변경에 사용
function ㅇㅇ > onclick="ㅇㅇ()")
let txt = $('#id').val(); > id의 값은 텍스트이다
console.log(txt) > 콘솔에 텍스트를 찍어준다(확인용)
if (txt == ' ') {alert('입력하세요!')} else {(alert(txt)} > 입력문구가 없으면 '입력하세요!'를 띄우고 그게 아니라면 텍스트 문구를 얼럿에 띄운다
if (txt.includes('@')) {let domain = txt.split('@')[1].split('.')[0] alert(domain)} else { alert('이메일이 아닙니다') } }
> 만약 텍스트에 '@'가 있으면 도메인(@으로 나눈것중 두번째에서 .으로 나눈것중 첫번째)을 불러와라
그러나 '@'가 없으면 '이메일이 아닙니다'라는 얼럿을 띄워라
let temp_html =`<li>${txt}</li>` > 붙인다. txt를
$('#name-ㅇㅇ').append(temp_html)
function ㅇㅇ_remove() {$('#names-ㅇㅇ').empty() > 클릭하면 모두 지운다.
ㅇ Ajax 기본골격
$.ajax({
type: "GET",
url: "여기에URL을입력",
data: {},
success: function(response){
console.log(response)
}
})
ㅇ JSONVue 다운로드(크롬)
: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko
ㅇ 페이지 진입시 알럿띄우기
$(document).ready(function(){
alert('다 로딩됐다!')
});
