javascript - jquery 多个和变化的 id 选择器

Question

我有一个简单的问题，我想根据他们的id显示和隐藏我的div，但无法弄清楚，例如我有不同的div和具有不同id的输入:

<input onfocus="showtip(1)" onblur="hidetip(1); />
<div id="tip1"></div>
<input onfocus="showtip(2)" onblur="hidetip(2); />
<div id="tip2"></div>

和

function showtip(id) {
    $('.tip[id]').show('slow');
}
function hidetip(id) {
    $('.tip[id]').hide('slow');
}

我可以用javascript编写它，使其工作，但我无法用动画隐藏它，因此我使用了jquery，但我无法定义ids:(谢谢大家的帮助!我真的很感激!

Answer 1

要在 jQuery 中使用 id 属性，请使用 id selector :

$('#<yourid>').show('slow');

所以你的方法是:

function showtip(id) {
   $('#tip'+id).show('slow');
}

(注意:ids 在整个文档中应该是唯一的，因此无需在选择器中包含 div 位)

如果您的id属性包含诸如.之类的字符，这意味着其他事物(即类选择器)，那么您可以使用属性等于选择器:

$('[id="123.abc"]').show('slow')