jquery中div[id=testing]和div[id$=testing]之间的差异

第一个选择id为的元素 testing1 。它将始终只选择一个元素。最好使用, $('#testing1').css("display", "none"); 因为id是唯一的。

第二个代码将选择具有id的元素, ending 具有 测试1 。这可以选择多个元素。

实例第二个代码将选择id为的元素 testtesting1 。因为它有 测试1 最后

在这里:

$('div[id$=testing1]').css("display", "none");

$ 表示以testing1结尾的id,使用 display:none; .

在正则表达式中,您经常看到以下字符:

^ : starts with
$ : ends with

所以如果你有一个id为的元素,比如:

<div id="div-box">New Division</div>

这三个相似:

$('#div-box')
$('[id^="div"]')
$('[id$="box"]')

$('div[id=testing1]').css("display", "none");

is选择id值正在测试的所有元素1

和

$('div[id$=testing1]').css("display", "none");

与id值以testing1结尾的每个元素匹配

$ 是 以结尾 .

我建议使用 $('#testing1') 而不是 $('div[id=testing1]') .(第一个选择器快得多)

$ 是一个 以结尾 选择器。

因此,正确的是,它在您的示例中没有任何用处,但在这里:

$('div[id$=ting1]').css("display", "none");

这个 id="testing1" 仍然隐藏。

如果要按ID选择元素,应使用: $('#testing1') 因为这种形式的ID选择器要快得多。

文档 here .