[JQuery] #01. 정의 / JQuery 링크 설정 / 핸들러 함수

 

● Java Script : client(front)

- 화면의 resource와 값을 결정, 취득하는 부분을 처리.

- DOM(getElementById, nodelist)

- Vue, react => javascript로 만들었다

 

● CSS(Cascading Style Sheet) : 디자인, front

 

● JQuery : JavaScript를 경량화, 간략화

→ Ajax(비동기 통신)

 

● JQuery-UI : button, textField, slide ( 부트스트랩보다 JQuery-UI가 제일 예쁘다..ㅎㅎ )

 

 

$( 태그, id, class, name ).핸들러함수(매개변수)

 

 

● getter, setter

 

● html() : h3 tag -> innerHTML로 접근 <b>world</b>

● text()

● val() input text -> value

 

---

 

<p> 여기가 p 태그 입니다 </p>

<p id="demo"> p tag id demo</p>

<p class="cls"> p tag class cls </p>

<h3 class="cls"> h3 tag class cls </h3>

 

 

---

 

＊ JavaScript ver.

 

</script>

<p> 여기가 p 태그 입니다 </p>

<p id="demo"> p tag id demo</p>

<p class="cls"> p tag class cls </p>

<h3 class="cls"> h3 tag class cls </h3>

<script type="text/javascript">
// JavaScript 와 비교

let arrP = document.getElementsByTagName("p");
// arrP[0].innerHTML로 접근
for (var i = 0; i < arrP.length; i++) {
	arrP[i].innerHTML = "change p tag text";
}


</script>