选择具有特定ID的div元素时出错-jQuery，JavaScript的初学者

Question

我正在使用jQuery选择DOM中的元素，并且尝试了以下操作：

$(document).ready(function() {

      $("a").toggle(function(){
        $("div[@id=SomeID]").hide('slow');
        },function(){
        $("div[@id=SomeID]").show('fast');
       });

});

在html源代码中，我确实有以下部分：

<div id="SomeID">

      <!-- div code -->

</div>

但是，当我单击锚标记时，出现以下错误：

语法错误，无法识别的表达式：div [@ id = SomeID]

关于这里出什么问题有什么想法吗？ 我是jQuery和javaScript的初学者，因此希望能提供帮助。

Answer 1

要在jQuery中通过其id选择元素，请使用与CSS中相同的语法：

$('#someID');

要使用属性等于选择器格式，请使用：

$('div[id="someID"]');

参考文献：

• jQuery选择器 。

Answer 2

您正在使用错误的选择器。.ID之前必须带有＃

这些是有效的

$("#SomeID").hide('slow'); //  element with id SomeID , can be any element
$("div#SomeID").hide('slow'); //  Div with id SomeID
$("div[id=SomeID]").hide('slow'); //  Div with id SomeID
$("div[id^=SomeID]").hide('slow'); //  Div id that starts with SomeID
$("div[id*=SomeID]").hide('slow'); //  Div id that has SomeID in its id attribute
$("div[id=SomeID]").hide('slow'); //  Div id that ends with SomeID