Question

JS和Jquery以及StackOverflow都是新手，所以如果我不“以正确的方式做到这一点”，请原谅我。我认为这只是我的第四个问题。

我有一些代码（我承认）从各个地方发现的代码段抄袭。我正在努力去理解一些（我认为）非常基本的概念...只是不知道如何反转“查找”一段代码以便自己找到答案。

在我的JS函数中，我做了一些条件检查，并根据用户选择的单选按钮设置各种字符串。

$("#showme").text("100.00");

我想在HTML中引用它的任何地方都是这样完成的：

<div id=showme>

这就像一个冠军...没问题。

我的问题是：我实际上是将一个名为“showme”的JS var设置为字符串变量，或者这只是将一些文本插入HTML元素的方法。换句话说......没有设置var，但这个结构只是作为插入一些文本的管道？

我知道这对你们大多数人来说都很愚蠢...对不起！我正在努力学习。

Answer 1

大致是：

$是一个功能。

该函数采用由"#showme"指定的选择器，例如DOM元素的ID。

$返回DOM元素的集合（或空集合，或ID，单个元素）。

text方法设置（或检索）DOM元素的文本。它被调用每个DOM元素。

您没有明确设置任何变量：您使用字符串immediate（"#showme"）作为$的选择器参数。 jQuery将字符串立即传递给text并将其注入$选择的DOM元素。

Answer 2

使用此标记代码：

<div id="showme">

您指示浏览器在DOM（文档对象模型）中的特定位置添加类型为div且id属性为"showme"的节点。

使用此JavaScript / jQuery代码：

$("#showme")

您在文档中查询id属性等于"showme“的所有元素。该调用的结果将是一个jQuery对象，类似于一个将具有与选择器匹配的元素的Array（ id ===“showme”）作为编号键和更多方法。其中一种方法是text()方法。

使用此JavaScript / jQuery代码：

$("#showme").text("100.00");

您将每个元素的文字内容设置为id==="showme"到"100.00"。

总而言之，您的逻辑似乎略微倒退。您不要将变量设置为等于"showme"，而是在浏览器创建的一个元素上设置属性。 JavaScript代码使用您编码的操作（在这种情况下更改文本值）作用于DOM（在HTML元素上）。流程如下：标记您感兴趣的元素，然后对它们执行某些操作。设置id有点可选。您可以根据DOM的相对位置对DOM中的任何节点进行操作，但是这种方法在寻址链越长时就会轻易中断，这就是为什么它更喜欢使用带有类的id和类元素标记特定元素:)。 / p>

Answer 3

没有。 “showme”只是一个ID - 它必须是唯一的 - 你分配给元素。任何HTML元素都可以有ID。将ID视为HTML标记中不同元素的语音。

document.getElementById('showme').innerText='100.00';

与

相同

document.querySelector('#showme').innerText='100.00';

与

相同

$("#showme").text('100.00');

jQuery主要只是与DOM交互的简写。

Answer 4

应引用id标记：

<div id="showme">

你的javascript（实际上是jQuery）是说找到一个Id =“showme”的元素并将它的文本值设置为“100.00”

我会看一些基本的jQuery教程here来帮助你入门。

Answer 5

您不应该有多个具有相同ID属性的标签。 ID是独一无二的。课程应该重复。

jQuery与其大多数选择器类似于CSS。我建议阅读这篇文章，了解ID和类之间的差异，以及CSS的使用示例。那么也许这可以帮助你学习CSS和jQuery！

Difference between id and class in CSS and when to use it

需要帮助理解JS和＆amp ;;的参考资料。 jQuery vars

5 个答案: