Vyberte všetky prvky s rovnakou triedou - jquery, css3

Chcem zvýrazniť všetky prvky na stránke, ktoré majú rovnakú triedu, vznášajú sa.

Kód, ktorý som doteraz:

$(document).ready(function () {
$("p.myclass").mouseover(function () {
$(this).addClass("hover");
});
$("p.myclass").mouseout(function () {
$(this).removeClass("hover");
});
});

Môj krátky príklad: JSFiddle

V súčasnej dobe zdôrazňuje iba prvok, ktorý somvznášal sa nad. Chcel by som však zdôrazniť VŠETKY prvky, ktoré majú rovnakú triedu. Ako by sa to stalo? Nie som konkrétny, či sa to deje v CSS3 alebo Jquery.

odpovede:

od tej doby mouseover priradí obslužný program udalostí ku každému prvku vo vašej požadovanej kolekcii samostatne, hodnota this vnútri spätného volania je prvok, na ktorý sa vznášate, a nie celá zbierka. Namiesto this, použite volič.

$("p.myclass").mouseover(function () {
$("p.myclass").addClass("hover");
});

Prípadne môžete svoju zbierku uložiť do vyrovnávacej pamäte a požiadať o ňu so skromnými úsporami z hľadiska efektívnosti:

var coll = $("p.myclass");
coll.mouseover(function () {
coll.addClass("hover");
});

použitie

$(document).ready(function () {
$("p.myclass").mouseover(function () {
$("p.myclass").addClass("hover");
});
$("p.myclass").mouseout(function () {
$("p.myclass").removeClass("hover");
});
});