jQuery를 사용하려면 먼저 HTML 코드 시작 부분에 다음과 같이 jQuery 라이브러리에 대한 참조를 추가해야 합니다. < ;/script></p> <p>라이브러리 파일은 로컬에 위치할 수도 있고, 유명 회사의 CDN을 직접 사용할 수도 있습니다. 장점은 이러한 대기업의 CDN이 사용자가 귀하의 웹사이트를 방문하기 전에 더 인기가 있다는 것입니다. 다른 웹사이트를 방문할 때 브라우저에 캐시되어 웹사이트 열기 속도를 높일 수 있습니다. 또 다른 이점은 웹 사이트 트래픽 대역폭을 절약한다는 점입니다. </p> <p>일반적인 작업을 수행할 때 jQuery 코드를 작성하는 구체적인 방법과 기본 Javascript를 작성하는 방법의 차이점은 다음과 같습니다. </p> <p><strong><font style="COLOR: #000000">1 위치 지정 요소 <br></font></strong>JS <br>document.getElementById("abc") </p> <p>jQuery <br>$("#abc") ID로 위치 <br>$(".abc") 클래스로 위치 <br>$("div") 태그로 위치 </p> <p>JS에서 반환한 결과는 이 요소이고, jQuery에서 반환한 결과는 JS 개체라는 점에 유의해야 합니다. 다음 예에서는 abc 요소가 배치되었다고 가정합니다. </p> <p><strong>2 <br></strong>JS <br>abc.innerHTML = "test"; <br>jQuery <br>abc.html("test"); </p> <p>3 숨겨진 요소 표시 <strong><br>JS </strong>abc.style.display = "none"; <br>abc.style.display = "block" <br> </p>jQuery <p>abc.hide() <br>abc.show(); <br>abc.toggle(); </p>//표시/숨기기 전환 (2012.4.21 업데이트)<p> <br></p>4 포커스 가져오기 <p><strong>JS와 jQuery는 동일하며 둘 다 abc.focus()입니다. <br></strong>5 </p> <p>JS <strong>abc.value = "test"; <br>jQuery </strong>abc.val("test")에 값을 할당합니다. <br><br>6 <br></p>JS <p>alert(abc.value) <strong>jQuery <br>alert(abc.val()); </strong><br>7 설정 요소를 사용할 수 없습니다. <br><br>JS </p>abc.disabled = true; <p>jQuery <strong>abc.attr("disabled", true);<br> </strong><br>8 요소 스타일 수정<br><br>JS</p>abc.style.fontSize=size;<p>jQuery<strong>abc.css('font-size', 20);<br> </strong>JS<br>abc.className="test";<br>JQuery<br>abc.removeClass() </p>abc.addClass("test");<p> <br><br>9 Ajax<br><br>JS</p>직접 객체 생성, 브라우저 호환성 및 기타 지저분한 문제 처리, 생략 <p>jQuery<strong>$.get("abc.php ?a=1&b=2", 회상);<br>postvalue = "a=b&c=d&abc=123";</strong>$.post("abc.php", postvalue, 회상);<br> <br>functioncall(result) {<br>alert(result);<br>//json이 반환되면 다음과 같이 진행합니다<br>//result = eval('(' result ')'); >//경고(결과);</p>}<p> <br><br>10 확인란 선택 여부 확인<br><br>jQuery<br>if(abc.attr("checked") == "checked")</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
