選擇具有特定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