Div azonosítás javasrciptben

Div azonosítás javasrciptben
2019-07-30T11:25:15+02:00
2019-07-30T11:39:46+02:00
2022-10-15T21:41:51+02:00
santaj70
Sziasztok!

Egy oldalon több div szerepel, de animációt csak az egyikre szeretnék betöltődéskor.
http://santaj.uw.hu/angol_uj/test.php

Ez azért rossz, mert mind a két div-re megcsinálja, csak az elsőre szeretném.:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
function func(){
var div = $("div");
div.animate({fontSize: '5em'}, "slow");

}
</script>

<body onload = 'func()'>
<div id='div1' style="padding:50px; color: #0a0a0a; font-family:'verdana' ; fontSize:'1em'; position: relative; margin: auto; width: 600px; height:auto; background-color: #eeeeee;">
Test
</div>
<div id='div2' style="padding:50px; color: #0a0a0a; font-family:'verdana' ; fontSize:'1em'; position: relative; margin: auto; width: 600px; height:auto; background-color: #eeeeee;">
Test2
</div>


Ez pedig azért rossz, mert nem csinálja egyikre sem:



<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
function func(){
var div = $("div1");
div.animate({fontSize: '5em'}, "slow");

}
</script>

<body onload = 'func()'>
<div id='div1' style="padding:50px; color: #0a0a0a; font-family:'verdana' ; fontSize:'1em'; position: relative; margin: auto; width: 600px; height:auto; background-color: #eeeeee;">
Test
</div>
<div id='div2' style="padding:50px; color: #0a0a0a; font-family:'verdana' ; fontSize:'1em'; position: relative; margin: auto; width: 600px; height:auto; background-color: #eeeeee;">
Test2
</div>

Hogyan tudnám ezt megoldani?



Előre is köszönöm!
Mutasd a teljes hozzászólást!
var div = $("#div1");
ID, tehát # kell (mint css-ben)!
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd