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



我已经创立了这篇文章,但我不知道在哪里添加这段代码:

$(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 是可能的,但我仍然是新手。

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>

演示

如果文件包含在底部,则无需使用document.ready函数

<script src="jquery-1.11.3.min.js"></script>下面添加您的代码

因此,JQuery 将被加载并可以使用

最新更新