hazır() jQuery'deki işlev, kodu yalnızca DOM (Belge nesne modeli) tamamen yüklendiğinde çalıştırır. JQuery'de yerleşik bir işlevdir. Tüm görseller vb. yüklenmeden önce etkinleşebilir, ancak yalnızca DOM hazır olduğunda. Araya eklenen kod $(document).ready() yalnızca sayfa JavaScript kodunun yürütülmesine hazır olduğunda yürütülür.

kullanmamalıyız hazır() yöntemiyle birlikte .

Sözdizimi

Şunu kullanabiliriz: hazır() aşağıda verildiği gibi iki şekilde çalışır.

• Yaygın olarak kullanılan sözdizimi hazır() fonksiyonu aşağıdaki gibidir.

 $(document).ready(function) 

• kullanabileceğimiz gibi hazır() yalnızca geçerli belge için çalışır, böylece seçici atlanabilir. Yukarıdaki sözdizimini aşağıdaki gibi de yazabiliriz.

 $(function) 

Yukarıdaki yolların her ikisinin de kullanımı geçerlidir. İkinci sözdizimi, birinci sözdizimine alternatif olarak kullanılabilir. Aşağıdaki kod parçasından anlaşılabilir.

 $(document).ready(function() { $('p').css('color', 'red'); }); 

Yukarıdaki kod aşağıdaki koda eşdeğerdir.

 $(function() { $('p').css('color', 'red'); }); 

Bazı deneyimli geliştiriciler kısayolu kullanıyor $() kullanmak yerine $(document).ready(), ancak kodu tecrübesiz kişiler için yazıyorsak, uzun biçimi kullanmak daha iyidir.

java'da tarih biçimlendirme

Parametre Değerleri

hazır() fonksiyonun aşağıdaki gibi tanımlanan yalnızca tek bir parametre değeri vardır.

1 milyarda kaç sıfır var

işlev(): Belge yüklendikten sonra yürütülecek işlevi belirten zorunlu parametredir.

Kullanımına ilişkin bir örnek görelim $(document).ready() işlev.

Örnek

Bu örnekte bazı paragraf öğeleri ve bir düğme bulunmaktadır. Burada kullanıyoruz $(document).ready() Verilen paragrafların stilini değiştirme işlevi.

 jQuery ready() function $(document).ready(function(){ $(&apos;button&apos;).click(function(){ $(&apos;#p1&apos;).css({&apos;font-size&apos;: &apos;30px&apos;, &apos;color&apos;: &apos;blue&apos;, &apos;background&apos;: &apos;yellow&apos;, &apos;fontWeight&apos;: &apos;bold&apos;}); $(&apos;#p2&apos;).css({&apos;fontSize&apos;: &apos;20px&apos;, &apos;fontWeight&apos;: &apos;bold&apos;, &apos;color&apos;: &apos;red&apos;}); $(&apos;#p3&apos;).css({&apos;color&apos;: &apos;blue&apos;}); }); }); <p id="p1"> Welcome to the javaTpoint.com </p> <p id="p2"> This is an example of using the $(document).ready() function. </p> <p id="p3"> This is a third paragraph element </p> <p> Click the following button to see the effect. </p> Click me 

Çıktı:

Yukarıdaki kodun yürütülmesinden sonra çıktı şu şekilde olacaktır:

Verilen butona tıkladıktan sonra çıktı şu şekilde olacaktır: