jQuery 강좌 소개LOGIN

jQuery 강좌 소개

jQuery란 무엇입니까

jQuery는 Javascript 스크립트 라이브러리 세트입니다. 내 블로그에서 "Javascript 경량 스크립트 라이브러리" 시리즈를 찾을 수 있습니다. Javascript 스크립트 라이브러리는 .NET 클래스 라이브러리와 유사합니다. 사용자 사용을 용이하게 하기 위해 일부 도구 메서드 또는 개체 메서드가 클래스 라이브러리에 캡슐화됩니다.

jQuery는 스크립트 프레임워크가 아닌 스크립트 라이브러리입니다. 예를 들어 "시스템 어셈블리"는 "프레임워크"와 다릅니다. "는 클래스 라이브러리이고 "ASP .NET MVC"는 프레임워크입니다. jQuery는 스크립트의 참조 관리 및 기능 관리 문제를 해결하는 데 도움을 줄 수 없습니다. 이것이 스크립트 프레임워크가 해야 할 일입니다.

스크립트 라이브러리는 우리가 완료하는 데 도움이 될 수 있습니다. jQuery를 사용하면 JavaScript 코드 작성의 효율성이 크게 향상되어 작성된 코드가 더욱 우아하고 강력해집니다. 동시에 인터넷의 풍부한 jQuery 플러그인도 우리 작업을 더욱 멋지게 만듭니다. "jQuery로 매일 차를 마셔요"-왜냐하면 우리는 거인의 어깨 위에 서 있기 때문입니다.

ASP.NET MVC 프로젝트를 만들면 jQuery 클래스 라이브러리가 자동으로 도입된 것을 발견할 수 있습니다. 스크립트 라이브러리! 완벽한 통합과 지능형 센싱 지원으로 .NET과 jQuery가 완벽하게 결합됩니다. 따라서 .NET을 사용할 때는 Dojo, ExtJS 등 대신 jQuery를 선택해야 합니다.

1) jQuery는 Javascript 스크립트 라이브러리 세트입니다. jQuery는 스크립트 프레임워크가 아니라 스크립트 라이브러리입니다. "라이브러리"는 "프레임워크"와 동일하지 않습니다. jQuery는 스크립트의 참조 관리 및 기능 관리를 해결하는 데 도움을 줄 수 없습니다. 이것이 바로 스크립트 프레임워크가 해야 할 일입니다.

스크립트 라이브러리는 코딩 논리를 완성하고 비즈니스 기능을 실현하는 데 도움이 될 수 있습니다. jQuery를 사용하면 JavaScript 코드 작성 효율성이 크게 향상되어 작성된 코드가 더욱 우아하고 강력해집니다.

2) 이러한 기능적 기능을 사용하면 다양한 기능을 빠르게 완료하고 코드를 매우 간결하게 만들 수 있습니다.

3) 다양한 브라우저에서 JavaScript 스크립트의 호환성은 항상 웹 개발자에게 악몽이었습니다. 예를 들어, jQuery의 이벤트 개체는 과거에 모든 브라우저에 공통적으로 적용되도록 형식이 지정되었습니다. IE에서는 아래가 event.srcElements이고 ff와 같은 표준 브라우저에서는 event.target입니다. jQuery는 이벤트 객체를 통합하므로 event.target을 사용하여 모든 브라우저에서 이벤트 객체를 얻을 수 있습니다.

4) jQuery는 그라데이션 팝업, 레이어 이동과 같은 애니메이션 효과를 얻을 수 있어 더 나은 사용자 경험을 얻을 수 있습니다.

5) 대부분의 개발자는 페이지 로딩 시 실행되는 DOM을 조작하는 명령문을 작성하거나, HTML 요소나 문서 객체에 onclick 속성을 직접 추가하거나, onclick이 실제로 익명 함수라는 사실을 모르는 등 JavaScript에 대한 잘못된 이해를 가지고 있습니다. , 등 잠깐만요. 그러한 프로그램은 강력하지 않습니다. 예를 들어, "DOM을 동작시키기 위해 로딩할 때 실행되는 명령문을 페이지에 작성하세요." 페이지 코드가 작고 사용자가 빠르게 로딩되면 문제가 없습니다. 페이지가 조금 느리게 로딩되면 브라우저는 "종료합니다. 동작' 오류가 발생합니다.


다음 섹션
<!doctype html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>Hello World jQuery!</title> <script src="jquery-3.1.1.min.js"></script> </head> <body> <div id="divMsg">Hello jQuery!</div> <input id="btnShow" type="button" value="show" /> <input id="btnHide" type="button" value="hidden" /><br/> <input id="btnChange" type="button" value="change content is Hello World, too!"/> <script> $("#btnShow").bind("click", function(event) { $("#divMsg").show(); }); $("#btnHide").bind("click", function(event) { $("#divMsg").hide(); }); $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); </script> </body> </html>
코스웨어