Mon opacité jQuery ne fonctionne pas [fermé] - javascript, jquery, html, css

Je veux animer les divs avec l'id de 1 et 2 lorsqu'ils sont survolés, l'opacité du texte diminue. Pour une raison quelconque, ni le texte n'anime ni la div réelle.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
//THIS IS HOW A FADED IN AND OUT BUTTON WORKS
$(document).ready(function(){
$("1").mouseover(function(){
$("1").filter(":not(:animated)").animate({opacity: ".7"});
});
$("1").mouseout(function(){
$("1").animate({opacity: "1"});
});
$("2").mouseover(function(){
$("2").filter(":not(:animated)").animate({opacity: ".7"});
});
$("2").mouseout(function(){
$("2").animate({opacity: "1"});
});
});

Réponses:

Essayez ceci, il vous manque # dans la partie sélecteur.

$(document).ready(function(){
$("#1").mouseover(function(){
$("#1").filter(":not(:animated)").animate({opacity: ".7"});
});
$("#1").mouseout(function(){
$("#1").animate({opacity: "1"});
});
$("#2").mouseover(function(){
$("#2").filter(":not(:animated)").animate({opacity: ".7"});
});
$("#2").mouseout(function(){
$("#2").animate({opacity: "1"});
});
});