JQuery का उपयोग कर पृष्ठ के पहले <select> तत्व पर फ़ोकस कैसे सेट करें?

Question

पृष्ठ लोड होने पर JQuery का उपयोग करके मैं पृष्ठ के पहले तत्व पर फ़ोकस सेट करना चाहता हूं। मैं सफलतापूर्वक

$(":input:visible:first").focus(); 

या

$(':input:enabled:visible:first').focus(); 

jquery, set focus on the first enabled input or select or textarea on the page के अनुसार का उपयोग करके पहले तत्व के लिए ध्यान केंद्रित करने के लिए सेट कर सकते हैं।

मैं नीचे से किसी का उपयोग करने की कोशिश की:

$('select:first').focus(); 
$("select").first().focus(); 
$(':visible:first').focus(); 
$('enabled:visible:first').focus(); 

या अन्य रूपों मैं के बारे में सोच सकता है, लेकिन सफल नहीं है।

क्या कोई इस समस्या पर मेरी सहायता कर सकता है? मैं JQuery के लिए एक शुरुआत कर रहा हूँ।

मैं यह फ़ंक्शन सभी प्रमुख ब्राउज़रों के लिए काम करना चाहता हूं।

बहुत बहुत धन्यवाद!

Answer 1

समस्या यह है कि आप डोम लोड होने के बाद कोड नहीं चला रहे हैं। इसे आजमाएं:

$(document).ready(function(){ 
    $("select:first").focus(); 
}); 

यह काम करना चाहिए।

संपादित करें: आप कोड इस का उपयोग करके थोड़ा आसान बनाने में कर सकते हैं:

$(function(){ 
    $("select:first").focus(); 
}) 

आप इसे उस तरह से उपयोग करते हैं, jQuery कि समारोह को गति प्रदान करेगा जब दस्तावेज़ के डोम तैयार है।

Answer 2

आप उस तत्व पर कॉल कर रहे हैं जो DOM में लोड नहीं है। अपना कोड ready फ़ंक्शन में रखें।

jQuery(document).ready(function() { 
    $(":input:visible:first").focus();    
}); 

अद्यतन:

के रूप में @ दाऊद जवाब और टिप्पणियों में देखा, वह सही है।

$(document).ready(function(){ 
    $("select:first").focus(); 
}); 

लेकिन आपने सही रूप से jquery (टिप्पणी में देखा गया) शामिल नहीं किया है। आप स्क्रिप्ट src से पहले http डालने से चूक गए हैं।

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>