jQuery n'est pas « nécessaire » au sens premier du mot : tout ce que tu peux faire avec jQuery, tu peux le faire avec du JavaScript pur.
Je reviens sur les histoires de syntaxe des propriétés CSS. Le mieux est d'écrire deux petites fonctions pour passer du CSS au DOM et inversement :
Résultats :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 function css2dom( prop ){ return prop.toLowerCase().replace(/-([a-z])/g, function( _, letter ){ return letter.toUpperCase(); }); } function dom2css( prop ){ return prop.replace(/[A-Z]/g, function( letter ){ return "-" + letter.toLowerCase(); }); } // exemples var props = [ "border-radius", "CoLoR", "Text-Shadow", "-moz-animation-play-state", "-webkit-animation-play-state" ]; props.forEach(function( prop ){ console.log("%s -> %s -> %s", prop, css2dom(prop), dom2css(css2dom(prop))); });
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 border-radius -> borderRadius -> border-radius CoLoR -> color -> color Text-Shadow -> textShadow -> text-shadow -moz-animation-play-state -> MozAnimationPlayState -> -moz-animation-play-state -webkit-animation-play-state -> WebkitAnimationPlayState -> -webkit-animation-play-state
Partager