document.querySelector(".deyisken") -> $("deyisken")
merhaba hocam jquery sistemi yuklemek istemiyorum cunki jquery sayfa hizini dusuruyor o yuzden saf java script kodu ile kodlarimi yaziyorum her bir klasi sectiyimde
var deyisken = document.queryselector(".deyisken"); seklinde yaziyorum o kadar klas var ki bunlarin hepsini bir deyiskene atmam kodlarimi artiriyor ama jqueryde
$("deyisken") seklinde sece biliyorum
bu kodu js de nasil jquery koduna cevire bilirim?
document.querySelector(".deyisken") -> $("deyisken")
şunları ekle
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
artık document.querySelector('.deyisken')
yerine $('.deyisken')
şeklinde kullanabilirsin.
birden fazla elemanı seçmek içinde $$('.links')
şeklinde kullanıp döngüye sokabilirsin.
Örnek;
<h3>prototurk.com</h3>
<script>
const $ = document.querySelector.bind(document);
$('h3').style.backgroundColor = 'red'
</script>