हमने चयनकर्ताओं के बारे में अच्छी बात की है। $ ("H1") जैसा एक jQuery चयनकर्ता सभी का चयन करेगा
होगा कि $("h1").css("color", "red");
लेकिन कभी-कभी स्क्रिप्ट को सिर में लोड किया जाता है। इसके लिए सभी प्रकार के बहाने हैं, ज्यादातर बुरे हैं, लेकिन हे चलो विवरण = के बिना बहुत जज-वाई नहीं मिलता है।
हम अभी भी बहुत संतोषजनक तरीके से नॉट-फाइंडिंग-एलिमेंट्स इश्यू को ठीक कर सकते हैं, भले ही हम स्क्रिप्ट को सिर में लोड करने के लिए मजबूर हों। हम इसे jQuery के "डोम रेडी" फ़ंक्शन के माध्यम से करते हैं। वस्तुतः, जब दस्तावेज़ किया जाता है और हेरफेर करने के लिए तैयार होता है। यह इस तरह दिख रहा है:
$(document).ready(function() ( ));एक छोटा संस्करण है जो सटीक एक ही काम करता है:
$(function() ( ));किसी फ़ंक्शन के अंदर अपना कोड डालना जैसे यह सुनिश्चित करता है कि यह दस्तावेज़ तैयार होने तक नहीं चलेगा। यह वास्तव में कोड के बजाय एक चतुर बिट है जो इसे करता है, जो निश्चित रूप से क्रॉस-ब्राउज़र करना मुश्किल है। इसके बारे में क्या अच्छा है कि यह बहुत तेज है। यह पूरी खिड़की के लोड होने का इंतजार करने जैसा नहीं है, जो धीमा है, क्योंकि यह फायरिंग से पहले सभी संसाधनों के डाउनलोड होने का इंतजार करता है। डोम तैयार बहुत जल्दी होता है। यदि आपको किए जाने वाले संसाधनों की प्रतीक्षा करने की आवश्यकता है (जैसे आपको एक छवि को मापने की आवश्यकता है), तो आप इस तरह से इंतजार कर सकते हैं:
$(window).load(function() ( ));डोम तैयार के साथ हमारी पहले की जावास्क्रिप्ट-इन-हेड समस्या को ठीक करते हुए, कोड इस तरह दिखेगा:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));