Question

我正在学习jQuery，我班上的一些问题让我做了选择练习。

这可能是hella基本的，但我怎么知道我选择的特定HTML或CSS元素是否需要它$('#element')或$('.element')而不仅仅是$('element')？< / p>

Answer 1

jQuery（以及DOM函数document.querySelector和document.querySelectorAll）正在使用CSS selectors从DOM中选择元素。

所以基本上你看（一）HTML元素并尝试找到标识元素的东西，例如，如果你想要一个特定的按钮：

<button id="login">Login</button>

您可以使用其id。根据定义，ID在页面上是唯一的，因此您始终可以获得该按钮（如果ID不同或按钮不存在，则没有任何内容）。＆＃34; id＆＃34;选择器是实际ID前面的#，因此您在这里使用#login。

但是如果你想选择多个相似的项呢？例如：

<li class="menu-item">Home</li>
<li class="menu-item">Shop</li>
<li class="menu-button">Logout</li>

如果您想要所有menu-item元素，而不是menu-button，该怎么办？这次您可以使用他们的class属性。类选择器以.为前缀，因此您可以使用.menu-item来选择这两个元素。

还有很多其他元素，CSS有很多语法。以下是一些例子：

您可以按元素的标记名进行选择：button选择所有<button>元素
您可以按任何属性进行选择：button[disabled]选择所有具有disabled属性的按钮，例如<button disabled>n/a</button>
您可以根据其父级进行选择：li img选择直接嵌入<li>元素中的所有图像

我强烈建议您阅读MDN文章以获取更多信息。