“^=”（插入符号等于）在 jQuery 选择器中意味着什么？

Answer 1

Answer 2

查询将单击 id 以 carousel-selector- 开头的所有元素。例如

 <div id="carousel-selector-1">click me</div>
<p id="carousel-selector-2">click me</p>
<h1 id="carousel-selector-3">click me</h1>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $('[id^=carousel-selector-]').click(function () {
            alert('ok');
        });
    });
</script>

存在三个不同的 html 元素，它们具有随机 id，但以相同的 id 名称开头。所以这将找到它们并做你想做的事情 或者您也可以隐藏页面加载时的所有项目或执行任何您想要的操作

$('[id^=carousel-selector-]').hide();

因此，这将搜索 id 以 carousel-selector- 开头的所有项目，并执行相应操作

Answer 3

这意味着；选择 ID 以

carousel-selector-

开头的元素

您可能还会遇到类似的选择器

id*=carousel-selector-

，这意味着；选择 ID 为 contains

carousel-selector-

的元素