jQuery 소개

jQuery란 무엇인가요?

jQuery = JavaScript + jQuery

jQuery는 JavaScript 라이브러리입니다.

jQuery는 JavaScript 프로그래밍을 크게 단순화합니다. 아래 예시를 보세요

페이지에 다음 두 가지 요소가 있다고 가정해보세요

<input type="text" id="txt" />
<button type="button" onclick="get_text();">Go</button>

Go 버튼을 클릭하면 사용자가 텍스트 상자에 입력한 내용이 팝업되어 원본 JavaScript 코드를 사용하여 작성할 수 있습니다. 이렇게

alert(document.getElementById('txt').value);

그리고 jQuery를 사용하면

alert($('#txt').val());

로 간단하게 작성할 수 있습니다. document.getElementById를 사용하여 지정된 ID를 가진 요소를 가져오고 jQuery를 사용하면 $('# ') 이 모든 것을 완료하려면

jQuery의 주요 아이디어는: 적은 코드, 더 많은 기능

jQuery 라이브러리에는 다음 기능이 포함되어 있습니다.

HTML 요소 선택
HTML 요소 작업
CSS 작업
HTML 이벤트 기능
JavaScript 특수 효과 및 애니메이션
HTML DOM 탐색 및 수정
AJAX

팁 : 또한 Jquery는 대규모 플러그인 수.

jQuery 학습 조건

HTML(CSS 포함, 웹 페이지에 필요한 기본 지식)
JavaScript(jQuery는 JavaScript보다 간단하지만 jQuery의 다양한 구문은 JavaScript에서 유래합니다.)
PHP(jQuery는 프런트엔드 기술이며 백엔드와

jQuery는 모든 브라우저에서 사용할 수 있나요?

jQuery 커뮤니티는 현재 다양한 브라우저에서 JS와 많은 호환성 문제가 있다는 것을 알고 있습니다. , Internet Explorer 6 포함!

먼저 jQuery 예제를 살펴보겠습니다

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript">
    </script>
    <script>
        $(document).ready(function(){
            $("p").click(function(){
                $(this).hide();
            });
        });
    </script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

프로그램을 실행하고 사용해 보세요

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我，我就会消失。</p> <p>继续点我!</p> <p>接着点我!</p> </body> </html>

제출하다 코드 재설정

자동운전