在哪里添加需要jQuery文件的JavaScript代碼？

Question

我已經創建了這篇文章，但是我不知道在哪里添加此代碼：

$(document).ready(function(){
  $(".showDescriptionTextbox").val($(".Product").val());//to initialize
  $(".showDescriptionDiv").text($(".Product").val());//to initialize
  $(".Product").change(function(){
    $(".showDescriptionTextbox").val($(".Product").val());
    $(".showDescriptionDiv").text($(".Product").val());
  });
});

我有文件jquery-1.11.3.min.js ， jquery-1.10.2.min.js 。

是否應使用上述代碼編輯兩個文件之一？ 請給我一個提示。

我想通過單擊選擇選項來執行查詢SQL，我知道這可以使用jquery / ajax / js來實現，但是我仍然是新手。

Answer 1

I've file jquery-1.11.3.min.js, jquery-1.10.2.min.js. 兩者都是具有不同版本的jquery庫文件。 僅應包括一個。

您可以將共享的代碼段包含在單獨的js文件中。 像這樣

nameOfYourJSFile.js

$(document).ready(function(){
  $(".showDescriptionTextbox").val($(".Product").val());//to initialize
  $(".showDescriptionDiv").text($(".Product").val());//to initialize
  $(".Product").change(function(){
    $(".showDescriptionTextbox").val($(".Product").val());
    $(".showDescriptionDiv").text($(".Product").val());
  });
});

將文件包括在您的主要html文件中。 在頁面底部附近添加腳本。

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>
 <body>
    <h1>Hello Plunker!</h1>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <script src="nameOfYourJSScript.js"></script>
  </body>
</html>

DEMO

如果文件包含在底部，則無需使用document.ready函數

Answer 2

在<script src="jquery-1.11.3.min.js"></script>添加代碼

因此，將加載並可以使用JQuery

在哪里添加需要jQuery文件的JavaScript代碼？

問題描述

2 個解決方案

解決方案1
1 已采納 2017-08-05 11:36:55

解決方案2
0 2017-08-05 11:05:04

在哪里添加需要jQuery文件的JavaScript代碼？

問題描述

2 個解決方案

解決方案1 1 已采納 2017-08-05 11:36:55

解決方案2 0 2017-08-05 11:05:04

解決方案1
1 已采納 2017-08-05 11:36:55

解決方案2
0 2017-08-05 11:05:04