v2.5.2
Giriş yap

document.querySelector(".deyisken") -> $("deyisken")

ferid244
570 defa görüntülendi

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")

tayfunerbilen
1119 gün önce

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