javascript - 传递给 jQuery 函数的选择器

Question

我有一个函数，我希望传递的选择器执行封闭的过程。功能如下:

function menuselector (id){
    $(id).css('background', 'url(../img/black_denim.png) repeat');
    $(id).css('color', '#FFF');

}
function menudeselector (id){
    $(id).css('background', 'none');
    $(id).css('color', '#CE0101');

}

menuselector('mgi');

mgi 是一个div 标签的ID

Answer 1

通过在 id 之前使用哈希来定位 ID，这与 CSS 中相同。

如果你路过

menuselector('mgi');

您需要对其进行调整以使其成为有效的选择器。

$('#' + id).css(...

或者您可以发送有效的选择器

menuselector('#mgi');

假设您有一个具有该 ID 的元素(您尚未显示)

<div id="mgi">

放在一边

您不应该一直选择该元素。你可以链

$(id).css('background', 'none').css('color', '#CE0101');

// on new lines for readability if there are a lot of actions
$(id).css('background', 'none')
    .css('color', '#CE0101');

或者使用对象

$(id).css({background: 'none', color: '#CE0101'});