JS에서 JQuery 프레임워크를 사용하는 방법

이번에는 js에서 JQuery 프레임워크를 사용하는 방법과 js에서 JQuery 프레임워크를 사용할 때 주의사항에 대해 설명하겠습니다. 다음은 실제 사례입니다.

jQuery는 빠르고 간결한 JavaScript 프레임워크이며, 는 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)입니다. jQuery 디자인의 목적은 더 적은 코드를 작성하고 더 많은 일을 하도록 옹호하는 것입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴 을 제공하며 HTML 문서 작업, 이벤트 처리 , 애니메이션 디자인 및 Ajax 상호 작용을 최적화하여 JavaScript 프로그래밍을 크게 단순화합니다. 　 jQuery의 핵심 기능은 다음과 같이 요약할 수 있습니다. 고유한 체인 구문과 짧고 명확한 다기능 인터페이스가 있으며 효율적이고 유연한 css 선택기가 있으며 CSS 선택기를 확장할 수 있습니다. 편리한 플러그인 확장 메커니즘과 풍부한 플러그인. jQuery는 IE6.0+, FF1.5+, Safari2.0+, Opera9.0+ 등과 같은 다양한 주류 브라우저와 호환됩니다.

JQuery 설치 단계:

1. 해당 파일 라이브러리를 다운로드합니다. (동일 버전의 각 JQuery 파일 라이브러리는 두 개로 나뉘며, 하나는 압축되지 않은 버전이며, 소스 코드를 볼 수 있습니다. 개발 중에 사용됩니다. (jquery-3.3.1.js)

하나는 압축 버전으로, 주석과 공백이 삭제되고, 제품 출시 시 사용됩니다(jquery-3.3. 1 .min.js)와 min onelike이것을 사용합니다)

(http://jquery.com/ 다운로드 가능)

2. 통합 JQuery JS 파일을 WEB 디렉토리에 복사합니다(생성된 웹 페이지 디렉토리에 배치)

3 페이지는 js 파일(JQuery의 JS)을 참조합니다.

        <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

4 페이지에 JQuery를 로드합니다.

(위 스크립트는 jQuery만 참조합니다. JQuery를 로드하려면 스크립트만 작성하면 됩니다.)

세 가지 방법이 있습니다.

첫 번째 방법:

$(document).ready(function(){  
func(xxx)//执行函数
                       });  
//.ready函数是当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件，为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

두 번째 방법:

$(function(){  
     func(xxx)//执行函数
             });

第三种：

jQuery(function($) {  
     func(xxx)//执行函数
                  });

基本语法：

$(selector).action()

美元符号定义JQuery

选择符（selector）"查询"和“查找” HTML元素

JQuery的action()执行对元素的操作

        <script type="text/javascript">
		$(function(){
			alert("helloWorld");
		})
	</script>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

filter怎样全局使用

如何获取dom内class的值

위 내용은 JS에서 JQuery 프레임워크를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!