📒[JavaScript] - JQuery

JQuery

: 자바스크립트의 라이브러리

<script
      src="https://code.jquery.com/jquery-3.7.1.min.js"
      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
      crossorigin="anonymous"
</script>

1. ✏️ Javascript 대신 JQuery 쓰는 이유?

: js로 쓴 긴 코드를 짧게 줄여줌!
: 짱 간단!

---

2. 🔎 모달창 구현하기

---

📌 Note Code

• css
  z-index : 숫자; ➡️ position쓸 때 같이 써서 [앞으로 보내기] 처럼 사용하면 됨 / 숫자가 클수록 맨 앞!
  background: rgba(0, 0, 0, 0.5); ➡️ 반투명 검정 바탕색
  
  

• 처음엔 안보이게 display:none으로 했다가 show-modal을 addClass와 removeClass로 class이름 추가해줘서 보였다가 없애기

JQuery는 처음에 $('.클래스/아이디 이름') 점 붙이기!

---

3. 🔎 입력값 정답 or 오답

---

📌 Note Code

• 내가 생각하는 값 = document.querySelector("").value

• 폼 전송 막기
  e.preventDefault();

• 값 비우기
  document.querySelector("").value=""

---

---

📌 단축키 Tip

 <!-- #answer* -->
<div id="answer"></div>
    
<!-- #answer$*4 -->
<div id="answer1"></div>
<div id="answer2"></div>
<div id="answer3"></div>
<div id="answer4"></div>