JQuery [ Val, Hide, Show, Toggle ]

Val

• 해당 값을 알아오기
• 자바스크립트 : value
• jQuery : val

// === 양쪽 공백을 제외한 값 알아오기 === //
$("선택자").val().trim();		// val() : 값을 읽어오는 것

// === 값을 비우고 focus 주기 === //
$("선택자").val("").focus();		// val("넣을말") : 값을 넣어주는 것

---

Hide

• 감추는 기능

$("선택자").hide();

Show

• 보여주는 기능

$("선택자").show();

---

CSS 꾸미기

• $("선택자").css({"스타일 적용"})
• 스타일 적용 안 형식 주의하기

$("선택자").css({"background-color":"", "color":""});
// 자바스크립트 : 카멜기법 (Ex. backgroundColor)
// jQuery : 스네이크 기법 (Ex. background-color)

---

Toggle

• show 와 hide 를 현재 상태에 따라 변경
• 현재 show 상태라면 hide, 현재 hide 상태라면 show

$("선택자").toggle();

---

정리

• chap03_show_hide_toggle_val
  -> 01_val_show_hide.html, 01.js, 01.css, 02_val_show_hide.html, 02.js, 02.css, 03_toggle, 03.js, 03.css