JQuery [ 기초 ]

페이지 로드 시 실행

• HTML문서(document) 가 로드된 후 자동적으로 실행될 내용 기술

---

1. $(function(){})

• window.onload 가 아닌 $(function(){}) 이용

$(function(){
	...
})

2. $(document).ready(function(){})

• window.onload 가 아닌 $(document).ready(function(){}) 이용

$(document).ready(function(){
	...
})

---

HTML에 Text 넣기

• 기존 javascript 의 경우

document.querySelector("CSS 선택자").innerHTML 
  										="넣을말";
document.querySelector("CSS 선택자").innerText 
  										="넣을말";

• jQuery 의 경우

// === 값을 넣을 경우 === //
$("CSS 선택자").html("넣을말);
$("CSS 선택자").text("넣을말);

// === 값을 읽을 경우 === // 
$("CSS 선택자").html();
$("CSS 선택자").text();

---

bind

• 이벤트 처리 방법 중 한가지

$("CSS 선택자").bind('이벤트',function(){
	...
}

forEach

• 데이터를 가리키는 경우 사용

function func_friend(names){
	let html = `<ol>`
    names.split(",").forEach(elmt => {
    	html+= `<li>${elmt}</li>`;
    })
	html += `</ol>`;
  	return html;
}

---

정리

• 01_eventHandling -> chap01
  -> 01_jquery.html, 01.js, 01.css, 02_jquery.html, 02.js, 02.css

• 01_eventHandling -> chap02
  -> 01_bint.html, 01.js, 01.css, 02.bind_forEach.html, 02.js, 02.css