选择具有特定 id 的 div 元素时出错 - jQuery、javascript 的初学者答案

【问题标题】：error selecting div element with a particular id - beginner at jQuery, javascript选择具有特定 id 的 div 元素时出错 - jQuery、javascript 的初学者
【发布时间】：2012-09-26 22:17:46
【问题描述】：

我正在使用 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 的初学者，如果有任何帮助，我将不胜感激。

【问题讨论】：

标签： javascript jquery dom jquery-selectors

【解决方案1】：

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

$('#someID');

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

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

参考资料：

jQuery selectors。

【讨论】：

【解决方案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

【讨论】：