这个语法是什么意思？这是简单的jQuery吗？

Question

我在codeply上找到了一个包含以下行的示例:

$('[id^=carousel-selector-]').click( function(){

我认为它与html中的行有关:

<li>
   <a id="carousel-selector-0" class="selected">

但究竟是什么'[id^=carousel-selector-]'意思呢？

Answer 1

它是以选择器开头的属性.

它将选择id开头的所有元素 carousel-selector-

考虑一下html,

<a id="carousel-selector-0" class="selected">one</a>
<a id="carousel-selector-1" class="selected">one</a>
<a id="carousel-selector-2" class="selected">one</a>
<a id="testcarousel-selector-2" class="selected">one</a>

然后$('[id^=carousel-selector-]').将返回前3个锚元素,因为它的id开头carousel-selector-

1. ^ 从选择器开始
2. $ 是以选择器结束
3. * 包含选择器