当jQuery已经声明时，使用Javascript

use Javascript when jQuery is already declared?

本文关键字：使用 Javascript 声明 jQuery      更新时间：2023-09-26

我想知道如何使用javascript，当jquery已经在head中声明时。在我看来，Javascript更适合用于特定任务，jQuery也更适合用于某些任务。我正在使用jQuery和jQuery UI，但我使用什么版本并不重要。

我这里有一些简单的jQuery： 

$(document).ready(function(){
    $("button").click(function(){
        $("div").animate({left: '250px'});
    });
});

我这里有一些javascript：

document.getElementById('div2').appendChild(
      document.getElementById('C')
   );

我不想将jQuery翻译成js，反之亦然。

好吧，您可以将jquery和javascript组合在同一个脚本标签中。 

$(document).ready(function(){
var something = document.getElementById('productId');//javascript
    $("button").click(function(){
        $("div").animate({left: '250px'});//jquery.
    });
});

Javascript vs Jquery

jQuery是一个用JavaScript构建的库，用于 帮助正在执行常见 Web 任务的 JavaScript 程序员。这是 JavaScript 或 JQuery 之间的最佳讨论是一个有争议的讨论，实际上是 答案是两者都不是最好的。他们都有自己的角色。对于一些 应用程序需要的是直接的JavaScript开发。但对于大多数人来说 网站 JQuery 就是所需要的。Web开发人员需要什么 要做的是就哪些工具最适合他们做出明智的决定 客户。第一次进入Web开发的人确实需要一些 一直使用 JQuery 接触这两种技术并不能 教授JavaScript的细微差别以及它如何影响DOM。 JavaScript 总是减慢项目的速度，因为 JQuery 框架已经解决了JavaScript将遇到的大多数问题。 在每个Web浏览器之间，它使部署安全，因为它肯定会 跨所有平台工作。 作者： 图萨尔·古普塔

jQuery是一个库，Javascript是一种语言。 jQuery是使用javascript构建的，你的语言不会因为包含jQuery而改变。它只是公开预构建的函数供您使用。

你可以在所有 javascript 之后声明 jQuery，如下所示：

    <script>
    document.getElementById('div2').appendChild(
          document.getElementById('C')
       );
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("div").animate({left: '250px'});
    });
});
</script>

我知道这应该有效。

相关文章：