Question

$(this).find("a[href^='/']")

我特别感兴趣知道这部分＆＃34; a [href ^ =＆＃39; /＆＃39;]＆＃34;

Answer 1

jQuery使用CSS选择器。 a[^='/']会选择<a>属性以href开头的所有/，this是$("ul").each(function () { $(this).find("a[href^='/']").addClass("selected"); });所属的孩子。

看到它的实际效果：

＆＃13;

.selected {
   background-color: lime;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li><a href="http://www.google.com">Will not be selected</a></li>
    <li><a href="/example">Will be selected</a></li> 
</ul>

<ul>
    <li><a href="/example">Yep</a></li> 
    <li><a href="http://www.google.com">Nope</a></li>
</ul>

＆＃13;

import {$,jQuery}  from 'jquery';
import bootstrap from 'bootstrap';

＆＃13;

jQuery文档以属性选择器开头：https://api.jquery.com/attribute-starts-with-selector/
有关属性选择器的更多信息：https://developer.mozilla.org/en/docs/Web/CSS/Attribute_selectors

Answer 2

此特定代码是 CSS属性选择器，用于查找<a>元素，其href属性值以/开头。

更多信息：https://api.jquery.com/attribute-starts-with-selector/

Answer 3

它查找以/.

开头的href链接

这一系列的Jquery做什么？

3 个答案: