Jquery中的ID和类属性

Question

我是JavaScript的新手，我不知道以下是什么意思：

  $("#left-pane-tare-button a").show();

$('div#port-picker a.connect').text(getMessage('noconnect')).addClass('active');

Answer 1

这实际上不是jQuery问题，而是CSS选择器问题。

"#left-pane-tare-button a"

上面的选择器正在寻找一个id为left-pane-tare-button的元素，并选择所有<a>的后代<div>标签。

空格表示您正在选择该元素在该空格之前的后代。

至

'div#port-picker a.connect'

.表示它正在寻找class。

在这种情况下，它将查找带有<div> id的{​​{1}}，并选择所有具有port-picker的后代<a>标签。课。

例如：

connect

在此示例中，它将选择第一个和第三个<div id="port-picker"> <a class="connect"> <a class="foo"> <a class="connect"> </div> 标签。

这里有一些不错的资源，可以进一步了解CSS选择器：

• https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors
• https://www.w3schools.com/cssref/css_selectors.asp
• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

更新：似乎我对this answer中提到的<a>错了。

示例：

>

使用

<div id="port-picker">
    <a class="connect">
    <a class="connect">
    <a class="foo">
    <div>
        <a class="connect">
    </div>
</div>

将选择作为'div#port-picker a.connect' 的后代的 ALL <a>标签

但是

<div>

将仅选择前三个 'div#port-picker > a.connect' 个标记，它们是<a>的子标记，因为第四个标记不是原始<div id="port-picker">的直接子标记。