选择器传递给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'});