Question

我是Java语言的初学者。

我有问题

on mainPage.html 
<div id="showDialog" style="display:none"> </div>

在mainPage.js上

 $('#ShowDialog').load("../xxxx.html", function (content) {
xxxxxxxxxxx
     });

很容易理解，如果要使用id元素，只需调用#element

所以，我的问题在这里：

如果您在Setup.js中（setup.html没有像#ShowDialog这样的id属性）

您仍然可以打电话（因此，它将在mainPage.html上执行某些操作？）

 $('#ShowDialog').load("../xxxx.html", function (content) {
xxxxxxxxxxx
     });

如果是，那么班级也做同样的工作吗？我知道ID是唯一的，而类是常见的。那么，是否可以从另一个文件访问一个文件类？

喜欢

$（'。ShowDialog'）。load（“ ../ xxxx.html”，函数（内容）{ xxxxxxxxxxx }）;

顺便说一下，为什么我们使用$（。'ShowDialog'）而不是像$（'ShowDialog'）这样的名称来调用类

对于class =“ ShowDialog”

Answer 1

能否请您解释一下您要做什么？

据我从您的代码中了解，您正在尝试使用JQuery中的load函数将外部HTML的内容加载到其他HTML，然后使用id="showDialog"

将其放置在div中

$('#ShowDialog').load("../xxxx.html", function (content) {...}

这是您要尝试做的吗？还是要尝试从其他文件运行一些JavaScript？

您的意思是什么

setup.html没有#ShowDialog
之类的id属性。

setup.html没有具有该ID的div吗？

并通过：

您仍然可以打电话（因此，它将在mainPage.html上执行某些操作？）

叫什么？装载机。

关于：

顺便说一下，为什么我们使用$（。'ShowDialog'）而不是像$（'ShowDialog'）这样的名称来调用类

前面的点（。）是因为jQuery选择器上的类是用前面的点（。）指定的，而id则是带有井号（＃）的，请像Css选择器一样考虑它，但是在jQuery中。

请确切说明您要做什么，我们可以为您提供更好的帮助：）

Answer 2

如果您要从外部Javascript文件引用html元素，则可能如下所示：

myHtml.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- First Import Jquery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
    <!-- Then the module you wish to work with-->
    <script src="./ReferencebyId.js"></script>


    <title>referencing html Element by Id</title>
</head>
<body>
    <!-- the Id you will reference on the module -->
    <p id="myId">Change this text</p>
    <button onclick="changeInnerHtml()">Change paragraph text</button>
</body>
</html>

ReferencebyId.js

function changeInnerHtml(){
  //This is how you would reference the Id, with '#' character
  $("#myId").text("changed from external js file referencing Id");
}

请记住，如果您希望使用该类来引用Html元素，则必须确保只有该元素具有该类，或者如果您希望影响多个元素，则可以将它们放在同一个类中并进行引用它们为$(".nameOfClass")

我可以从anyfiles中的任何文件访问html元素ID吗？

2 个答案: