मतभेद

Question

संभव डुप्लिकेट:
What is the difference between these jQuery ready functions?
jquery: Choosing a document.ready method

क्या इस

$(function() { 
    $("a").click(function(event){ 
     alert("Thanks for visiting!"); 
    }); 
}); 

कर के बीच अंतर है और इस

$(document).ready(function(){ 
    $("a").click(function(event){ 
     alert("Thanks for visiting!"); 
    }); 
}); 

Answer 1

वे वही हैं। JQuery .ready() docs देखें।

निम्नलिखित वाक्यविन्यास तीनों रहे बराबर:: यहाँ डॉक्स से एक उद्धरण है।

$ (document) .ready (हैंडलर)

$() तैयार (हैंडलर) (इस अनुशंसित नहीं है)

$ (हैंडलर)

Answer 2

आप के बीच कार्यक्षमता में कोई अंतर नहीं है आर उदाहरण - वे दोनों डोम तैयार हैं।

संदर्भ के लिए, दो बिंदु हैं जिन पर आप अपना jQuery कोड बांध सकते हैं।

पहले निष्पादित करेंगे DOM के तैयार होने (दोनों बराबर हैं): जब पेज सभी छवियों को लोड करने से

$(document).ready(function() { 
    // code 
}); 
$(function() { 
    // code 
}); 

दूसरा निष्पादित करेंगे, स्टाइलशीट आदि

$(window).on("load", function() { 
    // code 
}); 

दूसरा तब उपयोगी होता है जब आपको छवि के width() या height() प्राप्त करने की आवश्यकता होती है। ये गुण केवल तभी उपलब्ध होते हैं जब छवि क्लाइंट सिस्टम पर पूरी तरह से डाउनलोड हो जाती है।

यह भी ध्यान दें कि $(window).load(fn); अब बहिष्कृत है और अब इसका उपयोग नहीं किया जाना चाहिए।

Answer 3

सभी निम्नलिखित वाक्यविन्यास के तीन बराबर हैं:

$(document).ready(handler) 
$().ready(handler) (this is not recommended) 
$(handler) 

http://api.jquery.com/ready/