Jquery library function in hindi - Learn in Hindi

Jquery library function in Hindi (JQuery लाइब्रेरी फंक्शन )

आज हम बात करने वाले "JQuery Library function" और इनके उपयोग के बारे में  वो भी Hindi मे, JQuery लाइब्रेरी फंक्शन उपयोग हम task परफॉर्म करने के लिए करते है जैसे की मान लीजिये अगर आपको वेब पेज  पे एक textbox है उसमे कुछ value पड़ी हुई है यदि हम उस value को प्राप्त करना चाहते है तो हमको .val() फंक्शन का उपयोग करना होगा ऐसे ही JQuery लाइब्रेरी में ऐसे बहुत सरे फंक्शन है जिनका उपयोग हम अनेक तरह के टास्क को परफॉर्म करने के लिए करते है।


Jquery library function in hindi - Learn in Hindi


List of JQuery Function in Hindi 
1. val()
2. click()
3. ready()
4. Change()
5. parseJson()
6. replace()
7. find()
8. show()
9. append()
10.each()

ये कुछ JQuery Library function दिए गए है जिनका उपयोग ज़्यदातर किया जाता है अगर आप एक begineer है और jquery सिख रहे है तो आप पाएंगे की ये फंक्शन बहुत महत्वपूर्ण है। JQuery लाइब्रेरी फंक्शन का उपयोग करने के लिए पहले हमको अपने वेब पेज पे लाइव JQuery फाइल का URL  जोड़ना होगा।

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>


जैसा की हम सभी जानते है अगर कोई भी script फाइल हमको लिंक करना होता है तो हम अपने वेब पेज के हेड सेक्शन में add करते है।


JQuery Library function और इनका उपयोग 

1. Val () function : Val () फंक्शन का उपयोग हम किसी भी कंट्रोल की value को find करने के लिए करते है।

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>
        $(document).ready(function ()
        {
            $("button").click(function ()
            {
                var value = $("#txtbox").val();
                alert("You Value is" +"   " + value);
            });
        });
    </script>
</head>
<body>
    <input type="text" id="txtbox" />
    <button>Click Me</button>
</body>
</html>

 2. Click () function: click  फंक्शन उपयोग हम तब करते है जब हमे किसी बटन के click पे कोई काम करना होता है जैसा की हमने Val () function के Syntax में use  किया है। basically , click () फंक्शन उपयोग हम button के साथ करते है।

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>
        $(document).ready(function () {
            $("button").click(function ()
            {
                alert("You Clicked the button");
            });

            $("#button2").click(function () {
                alert("You Clicked the Second button");
            });
        });
    </script>
</head>
<body>
    <input type="text" id="txtbox" />
    <button>Click Me</button>
    <input type="button" id="button2" value="Press Me"/>
</body>
</html>

3. Ready () function: Ready() फंक्शन का उपयोग हम तब करते है जब हमको कोई Result , document लोड होने के बाद किये होता है। 


<script>
        $(document).ready(function ()
        {
            var i = 100;
            alert("You document loaded" +"  " +i);

        });
</script>

4. Change () function:  Change() फंक्शन का उपयोग हम तब करते है जब हमको किसी control  के change पे कोई एक्शन perform करना चाहते है।

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
    <script>
        $(document).ready(function () {
            $("#txtbox").change(function () {
                alert('Change Event Done by HTML control');
            });
        });
    </script>


</head>
<body>
    <input type="text" id="txtbox" />
</body>
</html>



=================More Function Explanation Update Soon===================

Post a Comment

0 Comments