Вопрос при наведении курсора на jquery

Question

У меня есть этот код:

$("div[id^='intCell']").mouseover(function() {
    $(this).css({ "border:","1px solid #ff097c"});
}).mouseout(function() {
    $(this).css({"border:","1px solid #000"});
})

Но я не могу заставить его работать!В html есть список элементов div, которые генерируются php и имеют идентификаторы intCell_1, intCell_2 и т. д.Есть идеи?

Answer 1

Синтаксис литерала объекта CSS неверен!

Должен быть:

$("div[id^='intCell']").mouseover(function() {
        $(this).css({ "border": "1px solid #ff097c"}); // <-- This syntax was wrong
}).mouseout(function() {
        $(this).css({"border": "1px solid #000"}); // <-- This syntax was wrong
})

Рабочий образец: http://jsbin.com/iyoba (редактируется через http://jsbin.com/iyoba/edit)

Answer 2

ОБНОВЛЕНО:

вы можете использовать команду «hover» вместо «mouseover» и «mouseout» и использовать звездочку в селекторе атрибутов:

пример:

$("div[id*='intCell']").hover(function() {
 $(this).css({border:"1px solid #ff097c"});
},
function() {
 $(this).css({border:"1px solid #000000"});
});