De fadeTo-methode in jQuery

De methode fadeTo maakt het mogelijk om de doorzichtigheid opacity van een element te verminderen tot een bepaalde waarde (0 - volledig doorzichtig, 1 - volledig ondoorzichtig). Als eerste parameter accepteert de methode tot welke waarde de doorzichtigheid moet worden gewijzigd, en als tweede - de uitvoeringstijd.

Laten we ervoor zorgen dat bij een klik op de knop ons element halfdoorzichtig wordt binnen 1 seconde. Laten we eerst de volgende HTML-code nemen:

html<button id="fade">click me</button>
<div id="elem">text...</div>

Laten we ook CSS hebben:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Nu schrijven we de volgende Javascript-code:

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});