jqueryとjavascriptの違いは何ですか?-jsチュートリアル-php.cn

jqueryとjavascriptの違いは何ですか?

coldplay.xixi

リリース： 2023-01-04 09:35:41

オリジナル

6272 人が閲覧しました

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とjavascriptの違いは何ですか?" ></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&gt を渡します。 </script> タグは、最新のすべてのブラウザで実行できる軽量プログラミング言語である HTML ページに挿入されます。

2.JQuery は JavaScript 関数ライブラリです。言い換えれば、JavaScript で最も人気のあるフレームワークです。

JQuery を使用するには、まず HTML コードの先頭に jQuery ライブラリへの参照を追加する必要があります。例:
<script src="js/jquery.min.js"></script>
ログイン後にコピー
ライブラリファイルはローカルに配置することも、直接配置することもできます。有名な企業の CDN を使用する利点これらの大企業の CDN はより一般的ですユーザーがあなたの Web サイトにアクセスする前に、他の Web サイトにアクセスするときにその Web サイトがブラウザーにキャッシュされている可能性が高いため、Web サイトを開く速度が向上しますウェブサイトの速度。もう 1 つの利点は明らかで、Web サイトのトラフィック帯域幅を節約できます。例:
<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.JQuery は多数のセレクターを使用し、$() を使用してラップします選択デバイス
<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とjavascriptの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。