Umiestnite všetky prvky do html - javascript, jquery, html, hover

Existuje nejaký spôsob, ako pridať kurzor na všetky prvky v html (div, p, span, a ...) Pokúšam sa takto:

$("*").hover(
function () {
$(this).addClass("hover"); ;
},
function () {
$(this).removeClass("hover");
}
);

a CSS

#hover {
background-color:#CC0000;
}

ale niekde tam je chyba ???

odpovede:

Mali by ste používať a . skôr ako a # na označenie výberu triedy.

.hover {
background-color:#CC0000;
}

Tiež si všimnite, že používanie * ako selektor jQuery vyberie všetko, vrátane telesného elementu atď. Neviem, či je to v kontexte otázky, či toto je to, čo ste potom alebo nie.

Okrem toho by bolo jednoduchšie jednoducho použiť pseudotriedu CSS :hover použiť štýl na pohyblivý prvok. Tu je odkaz na to, ako ju používať: http://reference.sitepoint.com/css/pseudoclass-hover

Pridávate triedy "hover", ale pomocou CSS # selektor pre identifikátory, použite .hover namiesto #hover

jlis riešenie bude fungovať, ale existuje lepší spôsob:

Použite css pseudotriedu ": hover" namiesto toho:

*:hover {
background-color: #CC0000;
}

by mali pracovať s väčšinou bežných a skutočných prehliadačov.

(IE 6 je nie skutočný alebo bežný prehliadač!)