javascript - 在哪里添加需要 jQuery 文件的 JavaScript 代码?

标签 javascript jquery ajax

我创建了这个article但我不知道在哪里添加此代码:

$(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.jsjquery-1.10.2.min.js

我应该使用上述代码编辑两个文件之一吗?请给我一个提示。

我想通过单击选择选项来执行查询 SQL,我知道这可以使用 jquery/ajax/js,但我还是新手。

最佳答案

我已经文件了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函数

关于javascript - 在哪里添加需要 jQuery 文件的 JavaScript 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45521149/

相关文章:

javascript - 在 React 中操作 DOM

jquery - 如何从 CSS 获取指定样式而不是从元素计算样式?

javascript - 使用 focus() 了解当前聚焦的元素

jquery - 禁用橡皮筋效果但仍允许使用 jquery 滚动

jquery - HTML/JQuery -> Python

javascript - 使用 CodeIgniter 的 Ajax 驱动内容

javascript - 更改输入框也需要在JS中查找是否选中复选框

javascript - 如果用户通过 f5 或浏览器手动刷新您的网页,如何重定向用户?

javascript - 如何将项目添加到嵌套数组?

php - 我如何对这个 ajax php 脚本进行排序