【问题标题】:what does #someDiv mean? [closed]#someDiv 是什么意思? [关闭]
【发布时间】:2011-04-03 11:18:01
【问题描述】:

当用户将鼠标悬停在此对象上时,i 想要弹出消息:

onmouseover="
    evt.target.setAttribute('opacity', '0.5'); 
    $('#someDiv').show();" 
onmouseout="
    evt.target.setAttribute('opacity','1)');
    $('#someDiv').hide();"

someDIv 是什么意思?我把文字放在哪里?

我正在这样做,但它根本没有显示文本。它只是改变不透明度。

<path 
    d="M 242.96145,653.59282 L 244.83646,650.1553 
       L 247.02397,649.8428 L 247.33647,650.62405 
       L 245.30521,653.59282 L 242.96145,653.59282 
       z M 252.80525,649.99905 L 258.74278,652.49906 
       L 260.77404,652.18656 L 262.33654,648.43654 
       L 261.71154,645.15528 L 257.64902,644.68653 
       L 253.74275,646.40528 L 252.80525,649.99905 
       z M 282.49289,659.6866 L 286.08665,664.99912 
       L 288.43041,664.68662 L 289.52417,664.21787 
       L 290.93042,665.46787 L 294.52419,665.31162 
       L 295.4617,663.90537 L 292.64918,662.18661 
       L 290.77417,658.59284 L 288.74291,655.15533 
       L 283.11789,657.96784 L 282.49289,659.6866 
       z M 302.02423,668.28039 L 303.27423,666.40538 
       L 307.8055,667.34288 L 308.43051,666.87413 
       L 314.36803,667.49913 L 314.05553,668.74914 
       L 311.55552,670.15539 L 307.33675,669.84289 
       L 302.02423,668.28039 z M 307.1805,673.28041 
       L 309.05551,677.03043 L 312.02427,675.93667 
       L 312.33677,674.37416 L 310.77427,672.3429 
       L 307.1805,672.0304 L 307.1805,673.28041 
       z M 313.89928,672.18665 L 316.08679,669.37414 
       L 320.61806,671.7179 L 324.83683,672.81166 
       L 329.0556,675.46792 L 329.0556,677.34293 
       L 325.61809,679.06169 L 320.93056,679.99919 
       L 318.5868,678.59293 L 313.89928,672.18665 
       z M 329.99311,687.18672 L 331.55561,685.93672 
       L 334.83688,687.49923 L 342.18066,690.93674 
       L 345.46193,692.968 L 347.02443,695.31176 
       L 348.89944,699.53053 L 352.80571,702.03054 
       L 352.49321,703.28055 L 348.74319,706.40556 
       L 344.68067,707.81182 L 343.27442,707.18682 
       L 340.30565,708.90557 L 337.96189,712.03059 
       L 335.77438,714.8431 L 334.05562,714.68685 
       L 330.61811,712.18684 L 330.30561,707.81182 
       L 330.93061,705.46806 L 329.3681,699.99928 
       L 327.33684,698.28052 L 327.18059,695.78051 
       L 329.3681,694.84301 L 331.39936,691.87425 
       L 331.86811,690.93674 L 330.30561,689.21798 
       L 329.99311,687.18672 z"
    id="HI"
   style="fill:#ffffd0" 
   onmouseover="evt.target.setAttribute('opacity', '0.5'); $('#id').show();"
   onmouseout="evt.target.setAttribute('opacity','1)'); $('#id').hide();" /> 

【问题讨论】:

  • 是否对您阅读/不理解的每一段代码都提出了新问题?好像你每十分钟就发布一个新的。您应该花一些时间,尝试了解您正在处理的内容,并尝试自己破译。
  • $('#someDiv') 得到&lt;div id="someDiv"&gt;。在 jquery 中,如果你想用 &lt;div&gt; 做一些事情,比如显示它,隐藏它,......你使用 id-selector。
  • 其他人认为这也不值得回答。所以不像聊天,你问的东西几分钟后就消失了。

标签: javascript jquery html css xml


【解决方案1】:

'#someDiv' 是一个 CSS3CSS 选择器,它在语义上等同于 getElementById('someDiv'),因为它将选择 ID 为 'someDiv' 的元素。所以:

document.getElementById('someDiv')

==

// bracket notation will return a DOM element
$("#someDiv")[0]

// leaving it out will return a jQuery object
$("#someDiv") 

【讨论】:

  • karim 非常感谢你,但“你能帮我完成这项工作吗?”
  • #someDiv 不是 CSS3 选择器 - 它更老了... ;)
  • @Crozin - 它可以追溯到多远?
  • 自从引入 CSS 就存在了。
【解决方案2】:

someDiv 只是与元素关联的 ID。

【讨论】:

  • 我非常抱歉地问,但我如何让一些文字出现?a
【解决方案3】:

就像 karim79 和其他人所说的那样,#someDiv 选择一个 id 为“someDiv”的元素因此,要使其工作,您还需要在 HTML 中的某个位置放置一个具有此 ID 的元素。像

<p id="someDiv">Your message</p>

【讨论】:

  • 很好,应该把它准确地放在哪里/?
  • 只要它在 元素中的某个位置,它真的没关系。听起来您可能正在尝试制作类似工具提示的东西,因此您可能想查看 jQuery 工具提示示例,例如:1stwebdesigner.com/resources/…
  • 我之所以说上面的原因是因为如果你想让#someDiv元素在鼠标事件上出现和隐藏,那么就比较简单了。如果你想让它出现在一个特定的地方,比如鼠标位置,那就有点麻烦了。
【解决方案4】:

#someDiv 是您要显示的元素的 id(我相信是 div)。您可以将您的文本或您想要显示的任何内容放在 id='someDiv' 的元素中

【讨论】:

  • 我非常抱歉地问,但我如何让一些文字出现?a
  • >
【解决方案5】:

#someDiv 只是一个以"someDiv" 作为 ID 的项目(在 CSS 或 Javascript 上是正确的)。

在这种情况下,您正在“加载”#somediv,然后显示它(使用 jquery)或隐藏它(鼠标移入或移出)

【讨论】:

  • 我非常抱歉地问,但我如何让一些文字出现?a
  • 你把文本放在 div 标签内,所以它可能看起来像(在你的 HTML 中):
    Hover Text Here
猜你喜欢
  • 2010-12-29
  • 2014-09-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-03
  • 2013-05-16
  • 2022-01-23
  • 1970-01-01
相关资源
最近更新 更多