1.jquery에 대하여 설명(장점)하시오.

• 자바스크립트의 복잡함과 이슈를 해결(캡슐화)

2.jquery 의 아래의 함수를 설명하시오.

함수	설명
html()	요소의 HTML 콘텐츠를 반환합니다.
text()	요소의 텍스트 콘텐츠를 반환합니다.
val()	입력 요소의 값을 반환합니다.

3.jquery를 통하여, 태그 객체를 생성하는 방법은?

// 태그 객체 생성
var tag = $("<div>");

// 태그에 속성 설정
tag.attr("id", "myDiv");
tag.attr("class", "myClass");

// 태그에 텍스트 추가
tag.text("Hello World!");

// 태그를 문서에 추가
$("body").append(tag);

4.remove() 와 empty() 의 차이는?

기능	remove()	empty()
요소를 DOM 트리에서 제거한다	✓	✗
요소의 자식 요소만 제거한다	✗	✓

5.jquery를 이용하여 디지털 시계를 만드시오.

        function timer(){
        var now = new Date();
        var hh = now.getHours();
        var mm = now.getMinutes();
        var ss = now.getSeconds();
        $("#timer").html(hh + ":" + mm + ":" + ss);
        }
        setInterval(timer,1000);

---

Point

• JQuery

  • W3S의 jQuery CDN에서 가져온다

  • dom 객체가 아니라 html 객체를 jquery 객체로 바꾼다

  • jQuery = $

  • $(document).ready(function(){})와
    window.onload = function(){}는 같은 역할

  • javascript에선 마지막 값이 덮어쓰지만 jQuery에선 전부 동작

  • 가장 많이 쓰는 요소
    

  • each (for 아님): 배열 갯수만큼 반복

  • html: innerHtml, 자식까지 / text는 텍스트만 뽑아온다 (넣을때는 차이가 없다)

  • val: value값 (javascript는 value)

  • 브라우저가 checkbox를 한개로 묶는것은 name (class는 개발자용)