TechCodeview

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: