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:
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:
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