jquery와 자바스크립트의 차이점은 무엇인가요?-JS 튜토리얼-php.cn

jquery와 자바스크립트의 차이점은 무엇인가요?

coldplay.xixi

풀어 주다： 2023-01-04 09:35:41

원래의

6322명이 탐색했습니다.

jquery와 javascript의 차이점: 1. js는 [<script>] 태그를 통해 HTML 페이지에 삽입되는 반면 JQuery는 JavaScript 함수 라이브러리입니다. 2. js는 getElement 시리즈를 사용하는 반면 JQuery는 [$()를 사용합니다. ] 선택기를 래핑합니다. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202104/09/2021040914272277637.jpg" alt="jquery와 자바스크립트의 차이점은 무엇인가요?" ></p> <p>이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터. </p> <p><strong>jquery와 javascript의 차이점: </strong></p> <p><strong> 1. 본질적인 차이점 </strong></p> <p>1 JavaScript는 <script></script> 태그를 통해 HTML 페이지에 삽입되며 모든 최신 브라우저에서 실행될 수 있습니다. 경량 프로그래밍 언어.

2.JQuery는 JavaScript 함수 라이브러리입니다. 즉, JavaScript에서 가장 널리 사용되는 프레임워크입니다.

JQuery를 사용하려면 먼저 HTML 코드 시작 부분에 다음과 같이 jQuery 라이브러리에 대한 참조를 추가해야 합니다.
<script src="js/jquery.min.js"></script>
로그인 후 복사
라이브러리 파일은 로컬에 배치하거나 잘 알려진 CDN을 직접 사용할 수 있습니다. 장점은 이러한 대기업의 CDN이 더 인기가 있다는 것입니다. 사용자가 귀하의 웹사이트를 방문하기 전에 다른 웹사이트를 방문할 때 브라우저에 캐시되어 있을 가능성이 높기 때문에 웹사이트의 열기 속도를 높일 수 있습니다. . 또 다른 이점은 웹 사이트 트래픽 대역폭을 절약한다는 점입니다. 예:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>　　//Google
로그인 후 복사
또는
<script src="http://code.jquery.com/jquery-1.6.min.js"></script> 　　//jQuery 官方　
로그인 후 복사
2. 구문의 차이점
요소 노드 조작
a. JavaScript는
getElement 시리즈, 쿼리 시리즈
<body>
    <ul>
        <li id="first">哈哈</li>
        <li class="cls" name ="na">啦啦</li>
        <li class="cls">呵呵</li>
        <li name ="na">嘿嘿</li>
    </ul>
    <div id="div">
        <ul>
            <li class="cls">呵呵</li>
            <li>嘿嘿</li>
        </ul>
    </div>
</body>
<script>
　　document.getElementById("first");　　　　　　　　//是一个元素
　　document.getElementsByClassName("cls");　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.getElementsByName("na");　　　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.getElementsByTagName("li");　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.querySelector("#div");　　　　　　　　//是一个元素 
　　document.querySelectorAll("#div li");　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
</script>
로그인 후 복사
b를 사용합니다.
아 lot 선택기는 선택기를 래핑하기 위해 $()도 사용합니다
<body>
    <ul>
        <li id="first">哈哈</li>
        <li class="cls" name ="na">啦啦</li>
        <li class="cls">呵呵</li>
        <li name ="na">嘿嘿</li>
    </ul>
    <div id="div">
        <ul>
            <li class="cls">呵呵</li>
            <li>嘿嘿</li>
        </ul>
    </div>
</body>
<script src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script>
　　//使用JQuery取到的是jquery对象都是一个数组，即使只有一个元素被选中,但是在使用时候不一定需要使用:eq(0)来拿到这一个在使用可以直接使用
    $("#first");　　　　　　　　　　　　
    $(".cls");
    $("li type[name=&#39;na&#39;]");
    $("li");
    $("#div");
    $("#div li");
</script>
로그인 후 복사
관련 무료 학습 권장사항: javascript 학습 튜토리얼
위 내용은 jquery와 자바스크립트의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!