我正在学习 jQuery，类里面的一些问题让我进行选择器练习。
这可能是非常基本的，但我如何知道我选择的特定 HTML 或 CSS 元素是否需要它是 $('#element') 或 $(' .element') 而不是只是 $('element')？
最佳答案
jQuery(以及 DOM 函数 document.querySelector 和 document.querySelectorAll )正在使用 CSS selectors从 DOM 中选择元素。
所以基本上你会查看(一个)HTML 元素并尝试找到标识该元素的内容，例如，如果你想要一个特定的按钮:
<button id="login">Login</button>
您可以使用其 id 。根据定义，ID 在页面上是唯一的，因此您始终会看到该按钮(如果 ID 不同或按钮不存在，则什么也看不到)。 “id”选择器是 #在实际 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 文章以获取更多信息。
关于javascript - jQuery - 如何知道选择器是否应该有 # 或 .或者类似的东西？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44597855/