Jquery 클래스 라이브러리란 무엇입니까?

jquery는 JavaScript로 캡슐화된 클래스 라이브러리입니다. jQuery는 JS 개발이나 DOM 작업을 단순화하기 위해 개발된 클래스 라이브러리로, JS에서 일반적으로 사용되는 기능 코드(함수)를 캡슐화하고 간단한 JS 디자인 모드를 제공하며 HTML 문서 작업, 이벤트 처리 및 애니메이션 디자인을 최적화합니다. 등.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery는 JavaScript로 캡슐화된 클래스 라이브러리입니다.

JavaScript 개발이나 DOM 및 기타 작업을 단순화하기 위해 일부 JavsScript 라이브러리가 탄생했습니다.

JavaScript 라이브러리는 사전 정의된 많은 개체와 유틸리티 기능을 캡슐화합니다.

사용자가 높은 수준의 상호 작용을 통해 Web2.0 기능을 갖춘 리치 클라이언트 페이지를 생성하는 데 도움이 되며 주요 브라우저와 호환됩니다.

jQuery는 Prototype

jQuery 철학(적게 작성하고 더 많은 일을 하세요) 이후의 또 다른 훌륭한 JavaScript 라이브러리입니다.

jQuery는 일반적인 JavaScript 기능 코드를 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

jQuery 라이브러리에는 핵심 라이브러리, UI, 플러그인 및 jQuery Mobile 모듈이 포함되어 있습니다.

강력한 선택기, 체인 작업 및 탁월한 브라우저 호환성을 통해 jQuery는 HTML 페이지 액세스 및 업데이트, DOM 작업, 이벤트 처리 및 애니메이션 실행과 같은 작업을 크게 단순화합니다.

jQuery의 디자인 목적은 "write Less, Do More"입니다. 이는 코드를 덜 작성하고 더 많은 작업을 수행한다는 의미입니다.

jQuery의 핵심 기능은 다음과 같이 요약할 수 있습니다. 고유한 체인 구문과 짧고 명확한 다기능 인터페이스가 있으며 효율적이고 유연한 CSS 선택기가 있으며 CSS 선택기를 확장할 수 있습니다. - 확장 메커니즘과 풍부한 플러그인. jQuery는 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 등과 같은 다양한 주류 브라우저와 호환됩니다.

jQuery 버전

• 1.xx.x 버전: 현재 시중에 나와 있는 거의 모든 브라우저와 호환됨

• 2.xx.x 버전: 처음에는 더 이상 IE 브라우저와 호환되지 않으며 나중에 더 이상 호환되지 않는 버전으로 변경됨 IE6/7/8 버전과 호환

• 3.xx.x 버전: IE6/7/8과 호환되지 않음

Factory 함수

팩토리 함수는 jQuery의 진입점으로 사용됩니다. 이 기능을 통해 페이지 요소 위치 지정, DOM 개체를 jQuery 개체로 패키징, 페이지 요소 생성과 같은 기능을 구현할 수 있습니다.

팩토리 함수를 작성하는 두 가지 방법:

• $()
• jQuery()

설명: "$" 기호는 "jQuery"라는 단어와 동일한 의미를 가지며 이는 jQuery 코어의 규칙입니다. 도서관.

window.jQuery = window.$ = jQuery;

Code:

        //DOM操作（返回DOM对象） - 获取页面中的按钮元素
        var but = document.getElementById('but1');
        // var but2 = document.getElementById('but2');
        console.log(but);


        /*
            jQuery操作 - 获取页面中的按钮元素
            jQuery() - 称为jQuery的工厂函数
              作用 - 该函数是jQuery的一个入口
                1.用于定位页面元素
              用法 - 另一种用法是'$()'
              返回值 - jQuery对象
        */
        var but = jQuery('#but');
        // var but2 = $('#but');
        console.log(but)

Effect:

DOM 객체와 jQuery 객체

jQuery 객체

소위 jQuery 객체는 DOM 객체로 캡슐화된 객체를 말합니다.

즉, jquery 객체의 기본 논리는 여전히 DOM 객체입니다. jQuery 객체는 DOM 객체를 기반으로 하는 새로운 객체로 캡슐화되었으며 일련의 속성과 메서드를 제공합니다

jQuery 규칙

DOM 객체와 jQuery 객체를 더 잘 구별하기 위해 우리는 객체가 정의된 by jQuery는 "$"를 추가하기 앞에 있습니다. 이는 필수 사항은 아닙니다.

 //jQuery操作 - 返回变量增加一个前缀“$”
        var $but = jQuery('#but');
        var $but = $('#but');

DOM 객체와 jQuery 객체

1. DOM 객체를 jQuery 객체로 변환 - 팩토리 함수

	var but = document.getElementById('but1');
        //将DOM对象转换为jQuery对象 - 工厂函数
        var $but = jQuery(but);
        console.log($but);

2. jQuery 객체를 DOM 객체로 변환

• jQuery 객체는 배열형 객체입니다 - jQuery 객체 value]
• jQuery 객체는 get(index) 메소드를 제공합니다 - index는 인덱스 값을 나타냅니다

	/*
            将jQuery对象转换为DOM对象
                jQuery对象是一个类数组对象 - jQuery对象[索引值]
                jQuery对象提供了get(index)方法 - index表示索引值
        */

        var but1 = $but[0];
        console.log(but1);
        var but2 = $but.get(0);
        console.log(but2);

[권장 학습: jQuery 비디오 튜토리얼, web front-end video]

위 내용은 Jquery 클래스 라이브러리란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!